1078 files changed, 206989 insertions, 0 deletions

diff --git a/.dotter/global.toml b/.dotter/global.toml
new file mode 100644
index 0000000..265953e
--- /dev/null
+++ b/.dotter/global.toml
@@ -0,0 +1,33 @@
+[helpers]
+
+[default]
+depends = []
+
+[alacritty.files]
+"alacritty" = "~/.config/alacritty"
+
+[conky.files]
+"conky" = "~/.config/conky"
+
+[dunst.files]
+"dunst" = "~/.dunst"
+
+[gtk.files]
+"gtk-3.0" = "~/.config/gtk-3.0"
+"themes" = "~/.themes"
+
+[i3.files]
+"i3" = "~/.config/i3"
+
+[mpd.files]
+"mpd" = "~/.config/mpd"
+
+[nvim.files]
+"nvim/nvchad" = {target = "~/.config/nvim/", type = "symbolic"}
+"nvim/custom" = {target = "~/.config/nvim/lua/custom/", type = "symbolic"}
+
+[polybar.files]
+"polybar" = "~/.config/polybar"
+
+[rofi.files]
+"rofi" = "~/.config/rofi"
diff --git a/.dotter/local.toml b/.dotter/local.toml
new file mode 100644
index 0000000..40d68fe
--- /dev/null
+++ b/.dotter/local.toml
@@ -0,0 +1,17 @@
+includes = []
+
+packages = [
+  "alacritty",
+  "conky",
+  "dunst",
+  "gtk",
+  "i3",
+  "mpd",
+  "nvim",
+  "polybar",
+  "rofi"
+]
+
+[files]
+
+[variables]
diff --git a/.dotter/post_deploy.sh b/.dotter/post_deploy.sh
new file mode 100644
index 0000000..fd4e5be
--- /dev/null
+++ b/.dotter/post_deploy.sh
@@ -0,0 +1,4 @@
+touch mpd/database
+touch mpd/log
+touch mpd/state
+touch mpd/sticker.sql
diff --git a/.dotter/pre_deploy.sh b/.dotter/pre_deploy.sh
new file mode 100644
index 0000000..96ac99f
--- /dev/null
+++ b/.dotter/pre_deploy.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+yay -S alacritty conky dunst i3-wm i3lock mpd polybar rofi gtk-engine-murrine
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4670dcf
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+# dotter files
+.dotter/cache.toml
+.dotter/cache
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..3ad32aa
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "nvim/nvchad"]
+	path = nvim/nvchad
+	url = https://github.com/NvChad/NvChad
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..f288702
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  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
+them 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 prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  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.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey 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;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If 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 convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU 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 that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  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.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+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.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     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
+state 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 3 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, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program 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, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU 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.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..3507229
--- /dev/null
+++ b/README.md
@@ -0,0 +1,55 @@
+# Dotfiles
+
+This repository contains my personal dotfiles, which are the configuration files for various operating systems and tools. I manage these dotfiles using the [Dotter](https://github.com/SuperCuber/dotter), a dotfile manager and templater written in Rust.
+
+![tablaster-theme](./assets/screen1.png)
+![tablaster-theme](./assets/screen2.png)
+
+## Introduction
+
+Dotfiles are configuration files that customize the behavior and appearance of software applications and operating systems. This repository serves as a centralized location for storing and version-controlling my dotfiles, making it easy to synchronize them across different machines.
+
+## List of programs
+
+- Window manager: [i3](https://github.com/i3/i3)
+- Terminal: [alacritty](https://github.com/alacritty/alacritty)
+- Bar: [polybar](https://github.com/polybar/polybar)
+- Launcher: [rofi](https://github.com/davatorium/rofi)
+- Notifications: [dunst](https://github.com/dunst-project/dunst)
+- Editor: [neovim](https://github.com/neovim/neovim) with [nvchad](https://github.com/NvChad/NvChad)
+
+## Usage
+
+To use these dotfiles, follow these steps:
+
+1. Clone this repository to your local machine:
+
+     ```bash
+     git clone --recursive https://git.tablaster.dev/blaster4385/dotfiles.git
+     ```
+1. Change to the dotfiles directory:
+
+     ```bash
+     cd dotfiles
+     ```
+1. Install Dotter if you haven't already. You can find the installation instructions in the [Dotter repository](https://github.com/SuperCuber/dotter).
+
+1. Deploy the configs using dotter:
+     ```bash
+     ./dotter deploy
+     ```
+
+     This command will deploy the dotfiles to their respective target locations, based on the configurations defined in the `.dotter` directory.
+
+1. Customize the dotfiles according to your preferences. Feel free to modify or add any configuration files to suit your needs.
+
+## Credits
+- Gruvbox GTK theme by [Fausto-Korpsvart](https://github.com/Fausto-Korpsvart/Gruvbox-GTK-Theme).
+
+## Contributing
+
+If you find any issues with these dotfiles or have suggestions for improvements, please feel free to open an issue or submit a pull request. Contributions are welcome!
+
+## License
+
+This repository is licensed under the GNU GPLv3. See the [LICENSE](LICENSE) file for more information.
diff --git a/alacritty/alacritty.toml b/alacritty/alacritty.toml
new file mode 100644
index 0000000..3b1b0b3
--- /dev/null
+++ b/alacritty/alacritty.toml
@@ -0,0 +1,47 @@
+[colors.bright]
+black = "#1d2021"
+blue = "#458588"
+cyan = "#83a598"
+green = "#98971a"
+magenta = "#b16286"
+red = "#cc2418"
+white = "#ebdbb2"
+yellow = "#d79921"
+
+[colors.cursor]
+cursor = "#839496"
+text = "#002b36"
+
+[colors.normal]
+black = "#1d2021"
+blue = "#458588"
+cyan = "#83a598"
+green = "#98971a"
+magenta = "#b16286"
+red = "#cc2418"
+white = "#ebdbb2"
+yellow = "#d79921"
+
+[colors.primary]
+background = "#1d2021"
+foreground = "#ebdbb2"
+
+[env]
+WINIT_X11_SCALE_FACTOR = "1.0"
+
+[font]
+size = 16
+
+[font.bold]
+family = "JetBrainsMono Nerd Font"
+
+[font.italic]
+family = "JetBrainsMono Nerd Font"
+
+[font.normal]
+family = "JetBrainsMono Nerd Font"
+style = "Regular"
+
+[window.padding]
+x = 5
+y = 5
diff --git a/assets/screen1.png b/assets/screen1.png
new file mode 100644
index 0000000..51c1782
--- /dev/null
+++ b/assets/screen1.png
diff --git a/assets/screen2.png b/assets/screen2.png
new file mode 100644
index 0000000..40b2aad
--- /dev/null
+++ b/assets/screen2.png
diff --git a/conky/conky.conf b/conky/conky.conf
new file mode 100644
index 0000000..4f34686
--- /dev/null
+++ b/conky/conky.conf
@@ -0,0 +1,148 @@
+conky.config = {
+
+	--Various settings
+
+	background = true, 							-- forked to background
+	cpu_avg_samples = 2,						-- The number of samples to average for CPU monitoring.
+	diskio_avg_samples = 10,					-- The number of samples to average for disk I/O monitoring.
+	double_buffer = true,						-- Use the Xdbe extension? (eliminates flicker)
+	if_up_strictness = 'address',				-- how strict if testing interface is up - up, link or address
+	net_avg_samples = 2,						-- The number of samples to average for net data
+	no_buffers = true,							-- Subtract (file system) buffers from used memory?
+	temperature_unit = 'celsius',				-- fahrenheit or celsius
+	text_buffer_size = 2048,					-- size of buffer for display of content of large variables - default 256
+	update_interval = 1,						-- update interval
+	imlib_cache_size = 0,                       -- disable image cache to get a new spotify cover per song
+
+
+	--Placement
+
+	alignment = 'middle_middle',				-- top_left,top_middle,top_right,bottom_left,bottom_middle,bottom_right,
+												-- middle_left,middle_middle,middle_right,none
+	--Arch Duoscreen
+	--gap_x = -1910,
+	gap_x = 15,									-- pixels between right or left border
+	gap_y = 0,									-- pixels between bottom or left border
+	minimum_height = 600,						-- minimum height of window
+	minimum_width = 475,						-- minimum width of window
+	maximum_width = 600,						-- maximum width of window
+
+	--Graphical
+
+	border_inner_margin = 10, 					-- margin between border and text
+	border_outer_margin = 5, 					-- margin between border and edge of window
+	border_width = 0, 							-- border width in pixels
+	default_bar_width = 80,					    -- default is 0 - full width
+	default_bar_height = 10,					-- default is 6
+	default_gauge_height = 25,					-- default is 25
+	default_gauge_width =40,					-- default is 40
+	default_graph_height = 40,					-- default is 25
+	default_graph_width = 0,					-- default is 0 - full width
+	default_shade_color = '#000000',			-- default shading colour
+	default_outline_color = '#000000',			-- default outline colour
+	draw_borders = false,						-- draw borders around text
+	draw_graph_borders = true,					-- draw borders around graphs
+	draw_shades = false,						-- draw shades
+	draw_outline = false,						-- draw outline
+	stippled_borders = 0,						-- dashing the border
+
+	--Textual
+
+	extra_newline = false,						-- extra newline at the end - for asesome's wiboxes
+	format_human_readable = true,				-- KiB, MiB rather then number of bytes
+	font = 'JetBrainsMono Nerd Font:size=10',  	-- font for complete conky unless in code defined
+	max_text_width = 0,							-- 0 will make sure line does not get broken if width too smal
+	max_user_text = 16384,						-- max text in conky default 16384
+	override_utf8_locale = true,				-- force UTF8 requires xft
+	short_units = true,							-- shorten units from KiB to k
+	top_name_width = 21,						-- width for $top name value default 15
+	top_name_verbose = false,					-- If true, top name shows the full command line of  each  process - Default value is false.
+	uppercase = false,							-- uppercase or not
+	use_spacer = 'none',						-- adds spaces around certain objects to align - default none
+	use_xft = true,								-- xft font - anti-aliased font
+	xftalpha = 1,								-- alpha of the xft font - between 0-1
+
+	--Windows
+
+	own_window = true,							-- create your own window to draw
+	own_window_argb_value = 100,			    -- real transparency - composite manager required 0-255
+	own_window_argb_visual = true,				-- use ARGB - composite manager required
+	own_window_colour = '#000000',				-- set colour if own_window_transparent no
+	own_window_hints = 'undecorated,below,sticky,skip_taskbar,skip_pager',  -- if own_window true - just hints - own_window_type sets it
+	own_window_transparent = true,				-- if own_window_argb_visual is true sets background opacity 0%
+	own_window_title = 'system_conky',			-- set the name manually  - default conky "hostname"
+	own_window_type = 'override',				-- if own_window true options are: normal/override/dock/desktop/panel
+	own_window_class = 'Conky',					-- set the class manually - default conky
+
+
+	--Colours
+
+	default_color = '#586e75',  				-- default color and border color
+	color1 = '#FF0000',
+	color2 = '#ebdbb2',
+	color3 = '#cccccc',
+	color4 = '#D9BC83',
+	color5 = '#689d68',                         --teal
+	color6 = '#689d68',                         --white
+
+	--Signal Colours
+	color7 = '#01fffe',  						--green
+	color8 = '#FFA726',  						--orange
+	color9 = '#F1544B',  						--firebrick
+
+    --Lua
+
+
+};
+
+conky.text = [[
+${color6}${voffset 4}${font JetBrainsMono Nerd Font:size=36}${alignc}${time %l}:${time %M} ${time %p}${font}${color}
+${color6}${voffset 4}${font JetBrainsMono Nerd Font:size=12}${alignc}${time %A} ${time %B} ${time %e}, ${time %Y}${font}${color}
+${color5}${font JetBrainsMono Nerd Font:size=10}${voffset 2}S Y S T E M   ${hr 2}${font}${color}
+
+${color2}Hostname:${color} ${alignr}${nodename}
+${color2}OS: $alignr ${color}${execi 6000 lsb_release -d| awk '{$1=""; print $0}'}
+${color2}Kernel: $alignr ${color} $kernel
+${color2}Uptime:${color} ${alignr}${uptime}
+
+${color5}${font JetBrainsMono Nerd Font:size=10}P R O C E S S O R S  ${hr 2}${font}${color}
+
+${color2}CPU Freq:${color} $alignr${freq}MHz
+${color2}CPU Temp:${color} $alignr ${acpitemp}°C
+
+${color2}CPU Usage: ${color} $alignr ${cpu}%
+
+${color}${cpubar cpu0 15,600}
+
+${color2}CPU Core 1:${color} ${alignr}${offset -10}${cpu cpu1}% ${alignr}${cpubar cpu1}
+${color2}CPU Core 2:${color} ${alignr}${offset -10}${cpu cpu2}% ${alignr}${cpubar cpu2}
+${color2}CPU Core 3:${color} ${alignr}${offset -10}${cpu cpu3}% ${alignr}${cpubar cpu3}
+${color2}CPU Core 4:${color} ${alignr}${offset -10}${cpu cpu4}% ${alignr}${cpubar cpu4}
+
+${color2}Top Processes ${goto 365}CPU% ${goto 465}Mem% 
+
+${color}${top name 1} ${goto 350}${top cpu 1} ${goto 450}${top mem 1}
+${color}${top name 2} ${goto 350}${top cpu 2} ${goto 450}${top mem 2}
+
+${color5}${font JetBrainsMono Nerd Font:size=10}M E M O R Y   ${hr 2}${font}${color}
+
+${color2}Used ${color3}$mem ${goto 280}${color2}Free ${color3}$memfree  $alignr ${color2}Total ${color3}$memmax
+
+${color}${membar 15,600}
+
+${color5}${font JetBrainsMono Nerd Font:size=10}D R I V E S   ${hr 2}${font}${color}
+
+${color2}/NVMe ${color} ${alignr}${color2}Used ${color}${fs_used /} ${color2}Total ${color}${fs_size /}
+
+${color}${fs_bar 15,600}
+
+${color2}I/O Read:${color} ${alignr}${offset -10}${diskio_read /dev/nvme0n1p2}${alignr}${diskiograph_read nvme0n1p2 15,300}
+${color2}I/O Write:${color} ${alignr}${offset -10}${diskio_write /dev/nvme0n1p2}${alignr}${diskiograph_write nvme0n1p2 15,300}
+
+${color5}${color5}${font JetBrainsMono Nerd Font:size=10}N E T W O R K   ${hr 2}${font}${color}
+
+${color2}IP Address: ${color} ${alignr}${offset -10$}${addrs enp42s0}
+
+${color2}Eth Up:${color} ${alignr}${offset -10$}${upspeed enp42s0}${alignr}${upspeedgraph enp42s0 15,300}
+${color2}Eth Down:${color} ${alignr}${offset -10$}${downspeed enp42s0}${alignr}${downspeedgraph enp42s0 15,300}
+]];
diff --git a/dunst/dunstrc b/dunst/dunstrc
new file mode 100644
index 0000000..27f5566
--- /dev/null
+++ b/dunst/dunstrc
@@ -0,0 +1,196 @@
+[global]
+    frame_width = 2
+    
+    frame_color = "#1d2021"
+    font = JetBrainsMono Nerd Font 10
+    
+    # For a complete reference see
+    # <http://developer.gnome.org/pango/stable/PangoMarkupFormat.html>.
+    # If markup is not allowed, those tags will be stripped out of the
+    # message.
+    markup = yes
+    
+    # The format of the message.  Possible variables are:
+    #   %a  appname
+    #   %s  summary
+    #   %b  body
+    #   %i  iconname (including its path)
+    #   %I  iconname (without its path)
+    #   %p  progress value if set ([  0%] to [100%]) or nothing
+    # Markup is allowed
+
+    format = "<span size='x-large' font_desc='JetBrainsMono Nerd Font 8' weight='bold'>%s</span>\n%b"
+
+    #format = "%s</span>%p\n%b"
+    
+    # Sort messages by urgency.
+    sort = yes
+    
+    # Show how many messages are currently hidden (because of geometry).
+    indicate_hidden = yes
+    
+    # Alignment of message text.
+    # Possible values are "left", "center" and "right".
+    alignment = center
+    
+    # The frequency with wich text that is longer than the notification
+    # window allows bounces back and forth.
+    # This option conflicts with "word_wrap".
+    # Set to 0 to disable.
+    bounce_freq = 5
+
+    
+    # Show age of message if message is older than show_age_threshold
+    # seconds.
+    # Set to -1 to disable.
+    show_age_threshold = 60
+    
+    # Split notifications into multiple lines if they don't fit into
+    # geometry.
+    word_wrap = no
+    
+    # Ignore newlines '\n' in notifications.
+    ignore_newline = no
+    
+    
+    # The geometry of the window:
+    #   [{width}]x{height}[+/-{x}+/-{y}]
+    # The geometry of the message window.
+    # The height is measured in number of notifications everything else
+    # in pixels.  If the width is omitted but the height is given
+    # ("-geometry x2"), the message window expands over the whole screen
+    # (dmenu-like).  If width is 0, the window expands to the longest
+    # message displayed.  A positive x is measured from the left, a
+    # negative from the right side of the screen.  Y is measured from
+    # the top and down respectevly.
+    # The width can be negative.  In this case the actual width is the
+    # screen width minus the width defined in within the geometry option.
+
+
+    geometry = "0x5-10+30"  
+    
+    # Shrink window if it's smaller than the width.  Will be ignored if
+    # width is 0.
+    shrink = yes
+    
+    # The transparency of the window.  Range: [0; 100].
+    # This option will only work if a compositing windowmanager is
+    # present (e.g. xcompmgr, compiz, etc.).
+    transparency = 15
+    
+    # Don't remove messages, if the user is idle (no mouse or keyboard input)
+    # for longer than idle_threshold seconds.
+    # Set to 0 to disable.
+    # default 120
+    idle_threshold = 0 
+    
+    # Which monitor should the notifications be displayed on.
+    monitor = 0
+    
+    # Display notification on focused monitor.  Possible modes are:
+    #   mouse: follow mouse pointer
+    #   keyboard: follow window with keyboard focus
+    #   none: don't follow anything
+    # 
+    # "keyboard" needs a windowmanager that exports the
+    # _NET_ACTIVE_WINDOW property.
+    # This should be the case for almost all modern windowmanagers.
+    # 
+    # If this option is set to mouse or keyboard, the monitor option
+    # will be ignored.
+    follow = mouse
+    
+    # Should a notification popped up from history be sticky or timeout
+    # as if it would normally do.
+    sticky_history = yes
+    
+    # Maximum amount of notifications kept in history
+    history_length = 20
+    
+    # Display indicators for URLs (U) and actions (A).
+    show_indicators = no
+    
+    # The height of a single line.  If the height is smaller than the
+    # font height, it will get raised to the font height.
+    # This adds empty space above and under the text.
+    line_height = 0
+    
+    # Draw a line of "separator_height" pixel height between two
+    # notifications.
+    # Set to 0 to disable.
+    separator_height = 2
+    padding = 8
+    
+    # Horizontal padding.
+    horizontal_padding = 10
+    
+    # Define a color for the separator.
+    # possible values are:
+    #  * auto: dunst tries to find a color fitting to the background;
+    #  * foreground: use the same color as the foreground;
+    #  * frame: use the same color as the frame;
+    #  * anything else will be interpreted as a X color.
+    separator_color = auto
+    #separator_color = #263238
+    
+    # Print a notification on startup.
+    # This is mainly for error detection, since dbus (re-)starts dunst
+    # automatically after a crash.
+    startup_notification = false
+    
+    # dmenu path.
+    dmenu = /usr/bin/dmenu -p dunst:
+    
+    # Browser for opening urls in context menu.
+    browser = firefox-bin
+
+    # Align icons left/right/off
+    icon_position = left
+
+    # Paths to default icons.
+    icon_path = $HOME/.icons/Papirus-Dark/48x48/actions/:$HOME/.icons/Papirus-Dark/48x48/apps/:$HOME/.icons/Papirus-Dark/48x48/devices/:$HOME/.icons/Papirus-Dark/48x48/emblems/:$HOME/.icons/Papirus-Dark/48x48/emotes/:$HOME/.icons/Papirus-Dark/48x48/mimetypes/:$HOME/.icons/Papirus-Dark/48x48/places/:$HOME/.icons/Papirus-Dark/48x48/status/
+
+
+    # Limit icons size.
+    max_icon_size = 48
+
+[shortcuts]
+
+    # Shortcuts are specified as [modifier+][modifier+]...key
+    # Available modifiers are "ctrl", "mod1" (the alt-key), "mod2",
+    # "mod3" and "mod4" (windows-key).
+    # Xev might be helpful to find names for keys.
+    
+    # Close notification.
+    close = mod4+space
+    
+    # Close all notifications.
+    # close_all = ctrl+shift+space
+    close_all = ctrl+mod4+space
+
+    # Redisplay last message(s).
+    # On the US keyboard layout "grave" is normally above TAB and left
+    # of "1".
+    history = ctrl+mod4+h 
+    
+    # Context menu.
+    context = ctrl+mod1+c
+
+[urgency_low]
+    # IMPORTANT: colors have to be defined in quotation marks.
+    # # Otherwise the "#" and following would be interpreted as a comment.
+    frame_color = "#586e75"
+    foreground = "#ebdbb2"
+    background = "#1d2021"
+
+[urgency_normal]
+    frame_color = "#ebdbb2"
+    foreground = "#ebdbb2"
+    background = "#1d2021"
+    timeout = 6
+
+[urgency_critical]
+    frame_color = "#dc322f"
+    foreground = "#ebdbb2"
+    background = "#1d2021"
+    timeout = 8
diff --git a/gtk-3.0/bookmarks b/gtk-3.0/bookmarks
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/gtk-3.0/bookmarks
diff --git a/gtk-3.0/settings.ini b/gtk-3.0/settings.ini
new file mode 100644
index 0000000..00f6222
--- /dev/null
+++ b/gtk-3.0/settings.ini
@@ -0,0 +1,15 @@
+[Settings]
+gtk-theme-name=Gruvbox-Dark-B
+gtk-icon-theme-name=gruvbox_dark
+gtk-font-name=Cantarell 11
+gtk-cursor-theme-name=Adwaita
+gtk-cursor-theme-size=0
+gtk-toolbar-style=GTK_TOOLBAR_BOTH
+gtk-toolbar-icon-size=GTK_ICON_SIZE_LARGE_TOOLBAR
+gtk-button-images=1
+gtk-menu-images=1
+gtk-enable-event-sounds=1
+gtk-enable-input-feedback-sounds=1
+gtk-xft-antialias=1
+gtk-xft-hinting=1
+gtk-xft-hintstyle=hintfull
diff --git a/i3/config b/i3/config
new file mode 100644
index 0000000..452df9d
--- /dev/null
+++ b/i3/config
@@ -0,0 +1,184 @@
+set $mod Mod4
+
+# Font for window titles.
+font pango:JetBrainsMono Nerd Font Regular 8
+
+# Borders.
+for_window [class="^.*"] border pixel 3
+
+# Some apps at startup.
+exec --no-startup-id /usr/bin/dunst
+exec --no-startup-id numlockx 
+exec --no-startup-id nm-applet
+exec_always --no-startup-id feh --bg-scale ~/Pictures/Wallpapers/wall.png
+exec_always --no-startup-id ~/.config/polybar/launch.sh
+exec --no-startup-id conky
+exec --no-startup-id picom
+exec --no-startup-id xset r rate 250 25
+
+# Lockscreen.
+bindsym $mod+Shift+x exec --no-startup-id ~/scripts/lock.sh
+
+# Volume .
+bindsym XF86AudioRaiseVolume exec --no-startup-id pactl set-sink-volume @DEFAULT_SINK@ +1%
+bindsym XF86AudioLowerVolume exec --no-startup-id pactl set-sink-volume @DEFAULT_SINK@ -1%
+bindsym XF86AudioMute exec --no-startup-id pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindsym XF86AudioMicMute exec --no-startup-id pactl set-source-mute @DEFAULT_SOURCE@
+
+
+# Use Mouse+$mod to drag floating windows to their wanted position
+floating_modifier $mod
+
+# start a terminal
+bindsym $mod+Return exec --no-startup-id alacritty
+
+# kill focused window
+bindsym $mod+q kill
+
+# start rofi (a program launcher)
+bindsym $mod+d exec --no-startup-id rofi -font "JetBrainsMono Nerd Font 10" -show drun
+
+# change focus
+bindsym $mod+j focus left
+bindsym $mod+k focus down
+bindsym $mod+l focus up
+bindsym $mod+ograve focus right
+
+# alternatively, you can use the cursor keys:
+bindsym $mod+Left focus left
+bindsym $mod+Down focus down
+bindsym $mod+Up focus up
+bindsym $mod+Right focus right
+
+# move focused window
+bindsym $mod+Shift+j move left
+bindsym $mod+Shift+k move down
+bindsym $mod+Shift+l move up
+bindsym $mod+Shift+ograve move right
+
+# alternatively, you can use the cursor keys:
+bindsym $mod+Shift+Left move left
+bindsym $mod+Shift+Down move down
+bindsym $mod+Shift+Up move up
+bindsym $mod+Shift+Right move right
+
+# split in horizontal orientation
+bindsym $mod+h split h
+
+# split in vertical orientation
+bindsym $mod+v split v
+
+# enter fullscreen mode for the focused container
+bindsym $mod+f fullscreen toggle
+
+# change container layout (stacked, tabbed, toggle split)
+bindsym $mod+s layout stacking
+bindsym $mod+w layout tabbed
+bindsym $mod+e layout toggle split
+
+# toggle tiling / floating
+bindsym $mod+Shift+space floating toggle
+
+# change focus between tiling / floating windows
+bindsym $mod+space focus mode_toggle
+
+# focus the parent container
+bindsym $mod+a focus parent
+
+# focus the child container
+#bindsym $mod+d focus child
+
+# Define names for default workspaces for which we configure key bindings later on.
+# We use variables to avoid repeating the names in multiple places.
+set $ws1 "1"
+set $ws2 "2"
+set $ws3 "3"
+set $ws4 "4"
+set $ws5 "5"
+set $ws6 "6"
+set $ws7 "7"
+set $ws8 "8"
+set $ws9 "9"
+set $ws10 "10"
+
+# Screenshot
+bindsym $mod+Print exec ~/.config/i3/scripts/screenshot full
+bindsym $mod+Shift+Print exec ~/.config/i3/scripts/screenshot part
+
+# switch to workspace
+bindsym $mod+1 workspace number $ws1
+bindsym $mod+2 workspace number $ws2
+bindsym $mod+3 workspace number $ws3
+bindsym $mod+4 workspace number $ws4
+bindsym $mod+5 workspace number $ws5
+bindsym $mod+6 workspace number $ws6
+bindsym $mod+7 workspace number $ws7
+bindsym $mod+8 workspace number $ws8
+bindsym $mod+9 workspace number $ws9
+bindsym $mod+0 workspace number $ws10
+
+# move focused container to workspace
+bindsym $mod+Shift+1 move container to workspace number $ws1
+bindsym $mod+Shift+2 move container to workspace number $ws2
+bindsym $mod+Shift+3 move container to workspace number $ws3
+bindsym $mod+Shift+4 move container to workspace number $ws4
+bindsym $mod+Shift+5 move container to workspace number $ws5
+bindsym $mod+Shift+6 move container to workspace number $ws6
+bindsym $mod+Shift+7 move container to workspace number $ws7
+bindsym $mod+Shift+8 move container to workspace number $ws8
+bindsym $mod+Shift+9 move container to workspace number $ws9
+bindsym $mod+Shift+0 move container to workspace number $ws10
+
+# reload the configuration file
+bindsym $mod+Shift+c reload
+# restart i3 inplace (preserves your layout/session, can be used to upgrade i3)
+bindsym $mod+Shift+r restart
+# exit i3 (logs you out of your X session)
+bindsym $mod+Shift+e exec "i3-nagbar -t warning -m 'You pressed the exit shortcut. Do you really want to exit i3? This will end your X session.' -B 'Yes, exit i3' 'i3-msg exit'"
+
+# Resize mode.
+mode "resize" {
+        # These bindings trigger as soon as you enter the resize mode
+
+        # Pressing left will shrink the window’s width.
+        # Pressing right will grow the window’s width.
+        # Pressing up will shrink the window’s height.
+        # Pressing down will grow the window’s height.
+        bindsym j resize shrink width 10 px or 10 ppt
+        bindsym k resize grow height 10 px or 10 ppt
+        bindsym l resize shrink height 10 px or 10 ppt
+        bindsym ograve resize grow width 10 px or 10 ppt
+
+        # same bindings, but for the arrow keys
+        bindsym Left resize shrink width 10 px or 10 ppt
+        bindsym Down resize grow height 10 px or 10 ppt
+        bindsym Up resize shrink height 10 px or 10 ppt
+        bindsym Right resize grow width 10 px or 10 ppt
+
+        # back to normal: Enter or Escape or $mod+r
+        bindsym Return mode "default"
+        bindsym Escape mode "default"
+        bindsym $mod+r mode "default"
+}
+
+bindsym $mod+r mode "resize"
+
+default_border pixel 0
+
+# set primary gruvbox colorscheme colors
+set $bg #1d2021
+set $fg #ebdbb2
+set $red #cc241d
+set $green #98971a
+set $yellow #d79921
+set $blue #458588
+set $purple #b16286
+set $aqua #689d68
+set $gray #a89984
+set $darkgray #1d2021 
+
+# class                 border|backgr|text|indicator|child_border
+client.focused          $bg $aqua $bg $bg $bg
+client.focused_inactive $bg $bg $fg $fg $fg
+client.unfocused        $darkgray $darkgray $fg $fg $darkgray
+client.urgent           $red $red $white $red $red
diff --git a/i3/scripts/screenshot b/i3/scripts/screenshot
new file mode 100755
index 0000000..ecc60dc
--- /dev/null
+++ b/i3/scripts/screenshot
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+if [[ $1 = "full" ]]; then
+	maim -u | tee $HOME/Pictures/Screenshots/$(date +%F-%H%M%S)_maim.png | xclip -selection clipboard -t image/png
+
+elif [[ $1 = "fullwait" ]]; then
+	sleep 5 && maim -u | tee $HOME/Pictures/Screenshots/$(date +%F-%H%M%S)_maim.png | xclip -selection clipboard -t image/png
+
+elif [[ $1 = "part" ]]; then
+	maim -s -u | tee $HOME/Pictures/Screenshots/$(date +%F-%H%M%S)_maim.png | xclip -selection clipboard -t image/png
+fi
+
+notify-send "Screenshot Taken" "Saved to \~/Pictures/Screenshots"
\ No newline at end of file
diff --git a/mpd/mpd.conf b/mpd/mpd.conf
new file mode 100644
index 0000000..a2bedc0
--- /dev/null
+++ b/mpd/mpd.conf
@@ -0,0 +1,423 @@
+# An example configuration file for MPD.
+# Read the user manual for documentation: http://www.musicpd.org/doc/user/
+
+
+# Files and directories #######################################################
+#
+# This setting controls the top directory which MPD will search to discover the
+# available audio files and add them to the daemon's online database. This
+# setting defaults to the XDG directory, otherwise the music directory will be
+# be disabled and audio files will only be accepted over ipc socket (using
+# file:// protocol) or streaming files over an accepted protocol.
+#
+music_directory		"/mnt/data/music"
+#
+# This setting sets the MPD internal playlist directory. The purpose of this
+# directory is storage for playlists created by MPD. The server will use
+# playlist files not created by the server but only if they are in the MPD
+# format. This setting defaults to playlist saving being disabled.
+#
+playlist_directory		"~/.config/mpd/playlists"
+#
+# This setting sets the location of the MPD database. This file is used to
+# load the database at server start up and store the database while the
+# server is not up. This setting defaults to disabled which will allow
+# MPD to accept files over ipc socket (using file:// protocol) or streaming
+# files over an accepted protocol.
+#
+db_file			"~/.config/mpd/database"
+
+# These settings are the locations for the daemon log files for the daemon.
+#
+# The special value "syslog" makes MPD use the local syslog daemon. This
+# setting defaults to logging to syslog.
+#
+# If you use systemd, do not configure a log_file.  With systemd, MPD
+# defaults to the systemd journal, which is fine.
+#
+log_file			"~/.config/mpd/log"
+
+# This setting sets the location of the file which stores the process ID
+# for use of mpd --kill and some init scripts. This setting is disabled by
+# default and the pid file will not be stored.
+#
+# If you use systemd, do not configure a pid_file.
+#
+#pid_file			"~/.mpd/pid"
+
+# This setting sets the location of the file which contains information about
+# most variables to get MPD back into the same general shape it was in before
+# it was brought down. This setting is disabled by default and the server
+# state will be reset on server start up.
+#
+state_file			"~/.config/mpd/state"
+#
+# The location of the sticker database.  This is a database which
+# manages dynamic information attached to songs.
+#
+sticker_file			"~/.config/mpd/sticker.sql"
+#
+###############################################################################
+
+
+# General music daemon options ################################################
+#
+# This setting specifies the user that MPD will run as. MPD should never run as
+# root and you may use this setting to make MPD change its user ID after
+# initialization. This setting is disabled by default and MPD is run as the
+# current user.
+#
+#user				"nobody"
+#
+# This setting specifies the group that MPD will run as. If not specified
+# primary group of user specified with "user" setting will be used (if set).
+# This is useful if MPD needs to be a member of group such as "audio" to
+# have permission to use sound card.
+#
+#group				"nogroup"
+#
+# This setting sets the address for the daemon to listen on. Careful attention
+# should be paid if this is assigned to anything other than the default, any.
+# This setting can deny access to control of the daemon. Not effective if
+# systemd socket activation is in use.
+#
+# For network
+#bind_to_address		"any"
+#
+# And for Unix Socket
+#bind_to_address		"~/.mpd/socket"
+#
+# This setting is the TCP port that is desired for the daemon to get assigned
+# to.
+#
+#port				"6600"
+#
+# Suppress all messages below the given threshold.  Use "verbose" for
+# troubleshooting. Available setting arguments are "notice", "info", "verbose",
+# "warning" and "error".
+#
+#log_level			"notice"
+#
+# Setting "restore_paused" to "yes" puts MPD into pause mode instead
+# of starting playback after startup.
+#
+#restore_paused "no"
+#
+# This setting enables MPD to create playlists in a format usable by other
+# music players.
+#
+#save_absolute_paths_in_playlists	"no"
+#
+# This setting defines a list of tag types that will be extracted during the
+# audio file discovery process. The complete list of possible values can be
+# found in the user manual.
+#metadata_to_use	"artist,album,title,track,name,genre,date,composer,performer,disc"
+#
+# This example just enables the "comment" tag without disabling all
+# the other supported tags:
+#metadata_to_use "+comment"
+#
+# This setting enables automatic update of MPD's database when files in
+# music_directory are changed.
+#
+auto_update	"yes"
+#
+# Limit the depth of the directories being watched, 0 means only watch
+# the music directory itself.  There is no limit by default.
+#
+#auto_update_depth "3"
+#
+###############################################################################
+
+
+# Symbolic link behavior ######################################################
+#
+# If this setting is set to "yes", MPD will discover audio files by following
+# symbolic links outside of the configured music_directory.
+#
+#follow_outside_symlinks	"yes"
+#
+# If this setting is set to "yes", MPD will discover audio files by following
+# symbolic links inside of the configured music_directory.
+#
+#follow_inside_symlinks		"yes"
+#
+###############################################################################
+
+
+# Zeroconf / Avahi Service Discovery ##########################################
+#
+# If this setting is set to "yes", service information will be published with
+# Zeroconf / Avahi.
+#
+#zeroconf_enabled		"yes"
+#
+# The argument to this setting will be the Zeroconf / Avahi unique name for
+# this MPD server on the network. %h will be replaced with the hostname.
+#
+#zeroconf_name			"Music Player @ %h"
+#
+###############################################################################
+
+
+# Permissions #################################################################
+#
+# If this setting is set, MPD will require password authorization. The password
+# setting can be specified multiple times for different password profiles.
+#
+#password                        "password@read,add,control,admin"
+#
+# This setting specifies the permissions a user has who has not yet logged in.
+#
+#default_permissions             "read,add,control,admin"
+#
+###############################################################################
+
+
+# Database #######################################################################
+#
+# An example of a database section instead of the old 'db_file' setting.
+# It enables mounting other storages into the music directory.
+#
+#database {
+#       plugin "simple"
+#       path "~/.local/share/mpd/db"
+#       cache_directory "~/.local/share/mpd/cache"
+#}
+#
+# An example of database config for a satellite setup
+#
+#music_directory "nfs://fileserver.local/srv/mp3"
+#database {
+#       plugin "proxy"
+#       host "other.mpd.host"
+#       port "6600"
+#}
+
+# Input #######################################################################
+#
+input {
+        plugin "curl"
+#       proxy "proxy.isp.com:8080"
+#       proxy_user "user"
+#       proxy_password "password"
+}
+
+#
+###############################################################################
+
+# Audio Output ################################################################
+#
+# MPD supports various audio output types, as well as playing through multiple
+# audio outputs at the same time, through multiple audio_output settings
+# blocks. Setting this block is optional, though the server will only attempt
+# autodetection for one sound card.
+#
+# An example of an ALSA output:
+#
+#audio_output {
+#	type		"alsa"
+#	name		"My ALSA Device"
+##	device		"hw:0,0"	# optional
+##	mixer_type      "hardware"	# optional
+##	mixer_device	"default"	# optional
+##	mixer_control	"PCM"		# optional
+##	mixer_index	"0"		# optional
+#}
+#
+# An example of an OSS output:
+#
+#audio_output {
+#	type		"oss"
+#	name		"My OSS Device"
+##	device		"/dev/dsp"	# optional
+##	mixer_type      "hardware"	# optional
+##	mixer_device	"/dev/mixer"	# optional
+##	mixer_control	"PCM"		# optional
+#}
+#
+# An example of a shout output (for streaming to Icecast):
+#
+#audio_output {
+#	type		"shout"
+#	encoder		"vorbis"		# optional
+#	name		"My Shout Stream"
+#	host		"localhost"
+#	port		"8000"
+#	mount		"/mpd.ogg"
+#	password	"hackme"
+#	quality		"5.0"
+#	bitrate		"128"
+#	format		"44100:16:1"
+##	protocol	"icecast2"		# optional
+##	user		"source"		# optional
+##	description	"My Stream Description"	# optional
+##	url		"http://example.com"	# optional
+##	genre		"jazz"			# optional
+##	public		"no"			# optional
+##	timeout		"2"			# optional
+##	mixer_type      "software"		# optional
+#}
+#
+# An example of a recorder output:
+#
+#audio_output {
+#	type		"recorder"
+#	name		"My recorder"
+#	encoder		"vorbis"		# optional, vorbis or lame
+#	path		"/var/lib/mpd/recorder/mpd.ogg"
+##	quality		"5.0"			# do not define if bitrate is defined
+#	bitrate		"128"			# do not define if quality is defined
+#	format		"44100:16:1"
+#}
+#
+# An example of a httpd output (built-in HTTP streaming server):
+#
+#audio_output {
+#	type		"httpd"
+#	name		"My HTTP Stream"
+#	encoder		"vorbis"		# optional, vorbis or lame
+#	port		"8000"
+#	bind_to_address	"0.0.0.0"		# optional, IPv4 or IPv6
+##	quality		"5.0"			# do not define if bitrate is defined
+#	bitrate		"128"			# do not define if quality is defined
+#	format		"44100:16:1"
+#	max_clients	"0"			# optional 0=no limit
+#}
+#
+# An example of a pulseaudio output (streaming to a remote pulseaudio server)
+#
+#audio_output {
+#	type		"pulse"
+#	name		"My Pulse Output"
+##	server		"remote_server"		# optional
+##	sink		"remote_server_sink"	# optional
+##	media_role	"media_role"		#optional
+#}
+#
+# An example of a winmm output (Windows multimedia API).
+#
+#audio_output {
+#	type		"winmm"
+#	name		"My WinMM output"
+##	device		"Digital Audio (S/PDIF) (High Definition Audio Device)" # optional
+#		or
+##	device		"0"		# optional
+##	mixer_type	"hardware"	# optional
+#}
+#
+# An example of a wasapi output (Windows multimedia API).
+#
+#audio_output {
+#	type		"wasapi"
+#	name		"My WASAPI output"
+##	device		"Digital Audio (S/PDIF) (High Definition Audio Device)" # optional
+#		or
+##	device		"0"		# optional
+##	mixer_type	"hardware"	# optional
+## Exclusive mode blocks all other audio source, and get best audio quality without resampling.
+##	exclusive	"no"		# optional
+## Enumerate all devices in log.
+##	enumerate	"no"		# optional
+#}
+#
+# An example of an openal output.
+#
+#audio_output {
+#	type		"openal"
+#	name		"My OpenAL output"
+##	device		"Digital Audio (S/PDIF) (High Definition Audio Device)" # optional
+#}
+#
+# An example of an sndio output.
+#
+#audio_output {
+#	type		"sndio"
+#	name		"sndio output"
+#	mixer_type	"hardware"
+#}
+#
+# An example of an OS X output:
+#
+#audio_output {
+#	type		"osx"
+#	name		"My OS X Device"
+##	device		"Built-in Output"	# optional
+##	channel_map      "-1,-1,0,1"	# optional
+#}
+#
+## Example "pipe" output:
+#
+#audio_output {
+#	type		"pipe"
+#	name		"my pipe"
+#	command		"aplay -f cd 2>/dev/null"
+## Or if you're want to use AudioCompress
+#	command		"AudioCompress -m | aplay -f cd 2>/dev/null"
+## Or to send raw PCM stream through PCM:
+#	command		"nc example.org 8765"
+#	format		"44100:16:2"
+#}
+#
+## An example of a null output (for no audio output):
+#
+#audio_output {
+#	type		"null"
+#	name		"My Null Output"
+#	mixer_type      "none"			# optional
+#}
+#
+audio_output {
+        type            "pipewire"
+        name            "PipeWire Sound Server"
+}
+###############################################################################
+
+
+# Normalization automatic volume adjustments ##################################
+#
+# This setting specifies the type of ReplayGain to use. This setting can have
+# the argument "off", "album", "track" or "auto". "auto" is a special mode that
+# chooses between "track" and "album" depending on the current state of
+# random playback. If random playback is enabled then "track" mode is used.
+# See <https://wiki.hydrogenaud.io/index.php?title=Replaygain> for
+# more details about ReplayGain.
+# This setting is off by default.
+#
+#replaygain			"album"
+#
+# This setting sets the pre-amp used for files that have ReplayGain tags. By
+# default this setting is disabled.
+#
+#replaygain_preamp		"0"
+#
+# This setting sets the pre-amp used for files that do NOT have ReplayGain tags.
+# By default this setting is disabled.
+#
+#replaygain_missing_preamp	"0"
+#
+# This setting enables or disables ReplayGain limiting.
+# MPD calculates actual amplification based on the ReplayGain tags
+# and replaygain_preamp / replaygain_missing_preamp setting.
+# If replaygain_limit is enabled MPD will never amplify audio signal
+# above its original level. If replaygain_limit is disabled such amplification
+# might occur. By default this setting is enabled.
+#
+#replaygain_limit		"yes"
+#
+# This setting enables on-the-fly normalization volume adjustment. This will
+# result in the volume of all playing audio to be adjusted so the output has
+# equal "loudness". This setting is disabled by default.
+#
+#volume_normalization		"no"
+#
+###############################################################################
+
+# Character Encoding ##########################################################
+#
+# If file or directory names do not display correctly for your locale then you
+# may need to modify this setting.
+#
+#filesystem_charset		"UTF-8"
+#
+###############################################################################
diff --git a/nvim/custom/chadrc.lua b/nvim/custom/chadrc.lua
new file mode 100644
index 0000000..d9858e1
--- /dev/null
+++ b/nvim/custom/chadrc.lua
@@ -0,0 +1,7 @@
+---@type ChadrcConfig
+local M = {}
+
+M.ui = { theme = 'gruvchad' }
+M.plugins = "custom.plugins"
+
+return M
diff --git a/nvim/custom/configs/conform.lua b/nvim/custom/configs/conform.lua
new file mode 100644
index 0000000..550b659
--- /dev/null
+++ b/nvim/custom/configs/conform.lua
@@ -0,0 +1,36 @@
+--type conform.options
+local util = require("conform.util")
+
+local options = {
+  lsp_fallback = true,
+
+  formatters_by_ft = {
+    lua = { "stylua" },
+
+    javascript = { "prettier", "eslint" },
+    javascriptreact = { "prettier", "eslint" },
+    css = { "prettier" },
+    html = { "prettier" },
+
+    sh = { "shfmt" },
+  },
+
+  format_on_save = {
+    -- These options will be passed to conform.format()
+    timeout_ms = 1000,
+    lsp_fallback = true,
+  },
+
+  formatters = {
+    eslint = {
+      command = util.from_node_modules("eslint"),
+      args = { "$FILENAME", "--fix" },
+      cwd = util.root_file({
+        "package.json",
+        ".eslintrc.cjs"
+      }),
+    }
+  }
+}
+
+require("conform").setup(options)
diff --git a/nvim/custom/mappings.lua b/nvim/custom/mappings.lua
new file mode 100644
index 0000000..f7690a1
--- /dev/null
+++ b/nvim/custom/mappings.lua
@@ -0,0 +1,28 @@
+---@type MappingsTable
+local M = {}
+
+M.general = {
+  n = {
+    [";"] = { ":", "enter command mode", opts = { nowait = true } },
+
+    --  format with conform
+    ["<leader>fm"] = {
+      function()
+        require("conform").format({
+          lsp_fallback = true,
+          async = false,
+          timeout_ms = 500,
+        })
+      end,
+      "formatting",
+    }
+
+  },
+  v = {
+    [">"] = { ">gv", "indent"},
+  },
+}
+
+-- more keybinds!
+
+return M
diff --git a/nvim/custom/plugins.lua b/nvim/custom/plugins.lua
new file mode 100644
index 0000000..8ad68d1
--- /dev/null
+++ b/nvim/custom/plugins.lua
@@ -0,0 +1,20 @@
+local plugins = {
+  {
+  "tpope/vim-fugitive",
+  lazy = false
+  },
+  {
+  "stevearc/conform.nvim",
+  --  for users those who want auto-save conform + lazyloading!
+  -- event = "BufWritePre"
+  lazy = false,
+  config = function()
+    require "custom.configs.conform"
+  end,
+  },
+  {
+    'Exafunction/codeium.vim',
+    lazy=false
+  }
+}
+return plugins
diff --git a/nvim/nvchad/.github/CONTRIBUTING.md b/nvim/nvchad/.github/CONTRIBUTING.md
new file mode 100644
index 0000000..12d436d
--- /dev/null
+++ b/nvim/nvchad/.github/CONTRIBUTING.md
@@ -0,0 +1,161 @@
+# [CONTRIBUTING](https://nvchad.github.io/contribute)
+
+## NvChad install for contributors
+
+If you wish to contribute to NvChad, you should:
+1. [create a fork on GitHub](https://docs.github.com/en/get-started/quickstart/fork-a-repo)
+2. clone your fork to your machine
+  - For ssh:
+    ```shell
+    $ git clone [email protected]:<YOUR GITHUB USERNAME>/NvChad.git ~/.config/nvim
+    ```
+  - For https:
+    ```shell
+    $ git clone https://github.com/<YOUR GITHUB USERNAME>/NvChad.git ~/.config/nvim
+    ```
+3. [add a new remote repo to track](https://www.atlassian.com/git/tutorials/git-forks-and-upstreams)
+   - this means you can push/pull as normal to your own repo, but also easily track & update from the NvChad repo
+    - for ssh:
+       ```shell
+       $ git remote add upstream [email protected]:NvChad/NvChad.git
+       ```
+    - for https:
+       ```shell
+       $ git remote add upstream https://github.com/NvChad/NvChad.git
+       ```  
+4. any time you create a branch to do some work, use 
+   ```shell
+   $ git fetch upstream && git checkout -b dev-myFEAT upstream/main
+   ```
+5. only use the **--rebase** flag to update your dev branch
+   - this means that there are no `Merge NvChad/main into devBranch` commits, which are to be avoided
+   ```shell
+   $ git pull upstream --rebase
+   ```
+
+## Things to know before contributing
+
+- When making a PR (pull request), please be very descriptive about what you've done!
+
+- PR titles should be formatted with 'fix', 'chore' or 'feat'. ex: `feat: add new plugin`
+
+- PRs should follow the pull request formats where applicable
+
+- We are open to all PRs, but may decline some for a myriad of reasons. Though don't be discouraged! We'll still be open to discussions.
+
+- PR's are always welcomed however NvChad aims to be less bloated. So PR's regarding existing plugin's enhancement and creating new features with existing plugins itself ( without adding a new plugin), bug fixes and corrections are more encouraged.
+
+- NvChad won't keep adding more and more features (like adding new plugins most likely) as requested if they feel unneeded and aren't usable by the majority!! If you think the plugin you want to be added is very useful and many NvChaders would find it useful, then such feature's PR is welcomed!
+
+- But adding specific features like adding config for [wakatime](https://github.com/wakatime/vim-wakatime) etc will be added in this [chad user configs](https://github.com/NvChad/NvChad/wiki/Chad-user-configs). This lets the user select the things only they want ( adding configs from extra configs ).
+
+## How to remove or edit commits from your PR
+> You may have been directed here to remove a commit such as a merge commit: `Merge NvChad/main into devBranch` from your PR
+
+> As these commands edit your git history, you may need to **force push** with `git push origin --force`
+
+1. Run the following:
+  ```
+  $ git rebase -i HEAD~<NUMBER OF COMMITS TO GO BACK>
+  ```
+  <details><summary>Example</summary>
+  <p>
+  
+  ```shell
+  $ git rebase -i HEAD~4
+  ```
+  
+  ```shell
+  pick 28b2dcb statusline add lsp status
+  pick dad9a39 feat: Added lsp radial progress
+  pick 68f72f1 add clickable btn for exiting nvim
+  pick b281b53 avoid using q! for quitting vim
+  
+  # Rebase 52b655b..b281b53 onto 52b655b (4 commands)
+  #
+  # Commands:
+  # p, pick <commit> = use commit
+  # r, reword <commit> = use commit, but edit the commit message
+  # e, edit <commit> = use commit, but stop for amending
+  # s, squash <commit> = use commit, but meld into previous commit
+  # f, fixup <commit> = like "squash", but discard this commit's log message
+  # x, exec <command> = run command (the rest of the line) using shell
+  # b, break = stop here (continue rebase later with 'git rebase --continue')
+  # d, drop <commit> = remove commit
+  # l, label <label> = label current HEAD with a name
+  # t, reset <label> = reset HEAD to a label
+  # m, merge [-C <commit> | -c <commit>] <label> [# <oneline>]
+  # .       create a merge commit using the original merge commit's
+  # .       message (or the oneline, if no original merge commit was
+  # .       specified). Use -c <commit> to reword the commit message.
+  #
+  # These lines can be re-ordered; they are executed from top to bottom.
+  #
+  # If you remove a line here THAT COMMIT WILL BE LOST.
+  #
+  # However, if you remove everything, the rebase will be aborted.
+  #
+  # Note that empty commits are commented out
+  ```
+  
+  </p>
+  </details>
+
+2. Change the `pick` commands to whatever you wish, you may wish to `d` `drop` or `e` `edit` a commit. Then save & quit this git file to run it.
+
+  <details><summary>Example</summary>
+  <p>
+  
+  ```shell {3,4}
+  pick 28b2dcb statusline add lsp status
+  pick dad9a39 feat: Added lsp radial progress
+  edit 68f72f1 add clickable btn for exiting nvim
+  d b281b53 avoid using q! for quitting vim
+  
+  # Rebase 52b655b..b281b53 onto 52b655b (4 commands)
+  #
+  # Commands:
+  # p, pick <commit> = use commit
+  # r, reword <commit> = use commit, but edit the commit message
+  # e, edit <commit> = use commit, but stop for amending
+  # s, squash <commit> = use commit, but meld into previous commit
+  # f, fixup <commit> = like "squash", but discard this commit's log message
+  # x, exec <command> = run command (the rest of the line) using shell
+  # b, break = stop here (continue rebase later with 'git rebase --continue')
+  # d, drop <commit> = remove commit
+  # l, label <label> = label current HEAD with a name
+  # t, reset <label> = reset HEAD to a label
+  # m, merge [-C <commit> | -c <commit>] <label> [# <oneline>]
+  # .       create a merge commit using the original merge commit's
+  # .       message (or the oneline, if no original merge commit was
+  # .       specified). Use -c <commit> to reword the commit message.
+  #
+  # These lines can be re-ordered; they are executed from top to bottom.
+  #
+  # If you remove a line here THAT COMMIT WILL BE LOST.
+  #
+  # However, if you remove everything, the rebase will be aborted.
+  #
+  # Note that empty commits are commented out
+  ```
+  
+  </p>
+  </details>
+
+3. If you picked `drop` you are done, if you picked `edit` then edit your files, then run:
+  ```shell
+  $ git add <files>
+  ```
+
+4. Once you have edited & added your files, run:
+  ```shell
+  $ git rebase --continue
+  ```
+
+5. You will likely need to push using:
+  ```shell
+  $ git push origin --force
+  ```
+
+## Help
+For help with contributing and anything else nvChad related join the [discord](https://discord.gg/VyPxsGArXc)
diff --git a/nvim/nvchad/.github/FUNDING.yml b/nvim/nvchad/.github/FUNDING.yml
new file mode 100644
index 0000000..02611f2
--- /dev/null
+++ b/nvim/nvchad/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+patreon: siduck
+ko_fi: siduck
+custom:  ["https://www.buymeacoffee.com/siduck", "https://www.paypal.com/paypalme/siduck76"]
diff --git a/nvim/nvchad/.github/ISSUE_TEMPLATE/bug_report.md b/nvim/nvchad/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..43b4ec0
--- /dev/null
+++ b/nvim/nvchad/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,34 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!-- Before reporting: update nvchad to the latest version,read breaking changes page,search existing issues. -->
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - Operating System
+ - Terminal
+ - Version of Neovim
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/nvim/nvchad/.github/ISSUE_TEMPLATE/config.yml b/nvim/nvchad/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..3495e93
--- /dev/null
+++ b/nvim/nvchad/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Wiki
+    url: https://github.com/siduck76/NvChad/wiki
+    about: "Walks you through how to use and Configure NvChad."
+  - name: Visit our gitter chat
+    url: https://gitter.im/neovim-dotfiles/community
+    about: "A place where we dicuss NvChad related stuff."
diff --git a/nvim/nvchad/.github/ISSUE_TEMPLATE/feature_request.md b/nvim/nvchad/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..24d2f24
--- /dev/null
+++ b/nvim/nvchad/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,23 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem was.
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
+
+**Screenshot**
+Maybe a screenshot of the feature
diff --git a/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/feature.md b/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/feature.md
new file mode 100644
index 0000000..a622846
--- /dev/null
+++ b/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/feature.md
@@ -0,0 +1,14 @@
+
+Fixes Issue # (If it doesn't fix an issue then delete this line)
+
+Features Added:
+- Plugin Name (Add links if possible too)
+
+Reasoning:
+List why the feature is needed 
+
+Speed (If applicable):
+Show the impact on the speed of nvChad
+
+Other:
+Anything else relevant goes here
diff --git a/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/plugin.md b/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/plugin.md
new file mode 100644
index 0000000..28ae8d3
--- /dev/null
+++ b/nvim/nvchad/.github/PULL_REQUEST_TEMPLATE/plugin.md
@@ -0,0 +1,16 @@
+(Make sure your title is either: 'fix', 'chore', or 'feat' then your title. ex: `fix: add new plugin`)
+
+Fixes Issue # (If it doesn't fix an issue then delete this line)
+
+Plugins Added:
+- [Plugin Name](Plugin Link)
+- [Plugin Name](Plugin Link)
+
+Reasoning:
+List why the plugin(s) should be added
+
+Speed:
+Show the impact on the speed of nvChad
+
+Other:
+Anything else relevant goes here
diff --git a/nvim/nvchad/.github/README.md b/nvim/nvchad/.github/README.md
new file mode 100644
index 0000000..8f3ec47
--- /dev/null
+++ b/nvim/nvchad/.github/README.md
@@ -0,0 +1,122 @@
+<h1 align="center">NvChad</h1>
+
+<div align="center">
+	<a href="https://nvchad.com/">Home</a>
+  <span> • </span>
+    	<a href="https://nvchad.com/docs/quickstart/install">Install</a>
+  <span> • </span>
+       	<a href="https://nvchad.com/docs/contribute">Contribute</a>
+  <span> • </span>
+	<a href="https://github.com/NvChad/NvChad#gift_heart-support">Support</a>
+  <span> • </span>
+        <a href="https://nvchad.com/docs/features">Features</a>
+  <p></p>
+</div> 
+
+<div align="center">
+ 
+[![Neovim Minimum Version](https://img.shields.io/badge/Neovim-0.9.0-blueviolet.svg?style=flat-square&logo=Neovim&color=90E59A&logoColor=white)](https://github.com/neovim/neovim)
+[![GitHub Issues](https://img.shields.io/github/issues/NvChad/NvChad.svg?style=flat-square&label=Issues&color=d77982)](https://github.com/NvChad/NvChad/issues)
+[![Discord](https://img.shields.io/discord/869557815780470834?color=738adb&label=Discord&logo=discord&logoColor=white&style=flat-square)](https://discord.gg/gADmkJb9Fb)
+[![Matrix](https://img.shields.io/badge/Matrix-40aa8b.svg?style=flat-square&logo=Matrix&logoColor=white)](https://matrix.to/#/#nvchad:matrix.org)
+[![Telegram](https://img.shields.io/badge/Telegram-blue.svg?style=flat-square&logo=Telegram&logoColor=white)](https://t.me/DE_WM)
+
+  </div>
+
+## Showcase
+
+<img src="https://nvchad.com/features/nvdash.webp">
+<img src="https://nvchad.com/banner.webp">
+
+<img src="https://nvchad.com/screenshots/onedark.webp">
+<img src="https://nvchad.com/screenshots/rxyhn1.webp">
+
+## What is it?
+
+- NvChad is a neovim config written in lua aiming to provide a base configuration with very beautiful UI and blazing fast startuptime (around 0.02 secs ~ 0.07 secs). We tweak UI plugins such as telescope, nvim-tree, bufferline etc well to provide an aesthetic UI experience. 
+
+- Lazy loading is done 93% of the time meaning that plugins will not be loaded by default, they will be loaded only when required also at specific commands, events etc. This lowers the startuptime and it was like 0.07~ secs tested on an old pentium machine 1.4ghz + 4gb ram & HDD.
+
+- NvChad isn't a framework! It's supposed to be used as a "base" config, so users can tweak the defaults well, and also remove the things they don't like in the default config and build their config on top of it. Users can tweak the entire default config while staying in their custom config (lua/custom dir). This is the control center of the user's config and gitignored so the users can stay up-to-date with NvChad's latest config (main branch) while still controlling it with their chadrc (file that controls entire custom dir).
+
+## Theme Showcase
+
+<details><summary> <b>Images (Click to expand!)</b></summary>
+
+![4 themes](https://nvchad.com/screenshots/four_Themes.webp)
+![radium 1](https://nvchad.com/screenshots/radium1.webp)
+![radium 2](https://nvchad.com/screenshots/radium2.webp)
+![radium 3](https://nvchad.com/screenshots/radium3.webp)
+
+
+(Note: these are just 4-5 themes, NvChad has around 56 themes)
+</details>
+
+## UI related plugins used
+
+<details><summary> <b>Images (Click to expand!)</b></summary>
+
+<h3> Nvim-tree.lua </h3>
+
+Fast file tree:
+
+<kbd><img src="https://nvchad.com/features/nvimtree.webp"></kbd>
+
+<h3> Telescope-nvim </h3>
+
+A fuzzy file finder, picker, sorter, previewer and much more:
+
+<kbd><img src="https://nvchad.com/features/telescope.webp"></kbd>
+
+<h3> Our own statusline written from scratch  </h3>
+
+[NvChad UI](https://github.com/NvChad/ui)
+
+<kbd><img src="https://nvchad.com/features/statuslines.webp"></kbd>
+
+<h3> Tabufline (our own pertab bufferline) </h3>
+
+<kbd><img src="https://nvchad.com/features/tabufline.webp"></kbd>
+- Here's a [video](https://www.youtube.com/watch?v=V_9iJ96U_k8&ab_channel=siduck) that showcases it.
+
+<h3> NvCheatsheet ( our UI Plugin ) </h3>
+<kbd> <img src="https://nvchad.com/features/nvcheatsheet.webp"/></kbd>
+
+</details>
+
+## Plugins list
+
+- Many beautiful themes, theme toggler by our [base46 plugin](https://github.com/NvChad/base46)
+- Inbuilt terminal toggling & management with [Nvterm](https://github.com/NvChad/nvterm)
+- Lightweight & performant ui plugin with [NvChad UI](https://github.com/NvChad/ui) It provides statusline modules, tabufline ( tabs + buffer manager) , beautiful cheatsheets, NvChad updater, hide & unhide terminal buffers, theme switcher and much more!
+- File navigation with [nvim-tree.lua](https://github.com/kyazdani42/nvim-tree.lua)
+- Beautiful and configurable icons with [nvim-web-devicons](https://github.com/kyazdani42/nvim-web-devicons)
+- Git diffs and more with [gitsigns.nvim](https://github.com/lewis6991/gitsigns.nvim) 
+- NeoVim Lsp configuration with [nvim-lspconfig](https://github.com/neovim/nvim-lspconfig) and [mason.nvim](https://github.com/williamboman/mason.nvim)
+- Autocompletion with [nvim-cmp](https://github.com/hrsh7th/nvim-cmp)
+- File searching, previewing image and text files and more with [telescope.nvim](https://github.com/nvim-telescope/telescope.nvim).
+- Syntax highlighting with [nvim-treesitter](https://github.com/nvim-treesitter/nvim-treesitter)
+- Autoclosing braces and html tags with [nvim-autopairs](https://github.com/windwp/nvim-autopairs)
+- Indentlines with [indent-blankline.nvim](https://github.com/lukas-reineke/indent-blankline.nvim)
+- Useful snippets with [friendly snippets](https://github.com/rafamadriz/friendly-snippets) + [LuaSnip](https://github.com/L3MON4D3/LuaSnip).
+- Popup mappings keysheet [whichkey.nvim](https://github.com/folke/which-key.nvim)
+
+## History
+
+- I (@siduck i.e creator of NvChad) in my initial days of learning to program wanted a lightweight IDE for writing code, I had a very low end system which was like 1.4ghz pentium + 4gb ram & HDD. I was into web dev stuff so many suggested me to use vscode but that thing was very heavy on my system, It took more ram than my browser! ( minimal ungoogled chromium ) so I never tried it again, sublime text was nice but the fear of using proprietary software XD for a linux user bugged me a lot. Then I tried doom-emacs which looked pretty but it was slow and I was lost within its docs, I tried lunarvim but too lazy to read the docs. Doom-emacs and lunarvim inspired me to make a config which is the prettiest + very fast and simple.
+
+- I'm decent at ricing i.e customizing system and making it look pretty so I posted my neovim rice on [neovim subreddit](https://www.reddit.com/r/neovim/comments/m3xl4f/neovim_rice/), my neovim-dotfiles github repo blew up and then I had to come up with a name, I was amazed by the chad meme lol so I put NvChad as the name, the chad word in here doesnt literally mean the chad guy but in the sense such as chad linux vs windows i.e meaning superior, best etc. NvChad was made for my personal use but it gained some popularity which inspired me to make a public config i.e config usable by many and less hassle to update as everyone's going to use the same base config (NvChad) with their custom modifications (which are gitignored so that wont mess up), without the custom config stuff users would have to keep a track of every commit and copy paste git diffs to manually update nvchad.
+ 
+## :gift_heart: Support
+
+If you like NvChad and would like to support & appreciate it via donation then I'll gladly accept it. 
+
+[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/siduck)
+[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/siduck13)
+[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/siduck)
+[![patreon](https://img.shields.io/badge/Patreon-F96854?style=for-the-badge&logo=patreon&logoColor=white)](https://www.patreon.com/siduck)
+
+## Credits
+
+- [Elianiva](https://github.com/elianiva) helped me with NeoVim Lua related issues many times, NvChad wouldn't exist without his help at all as he helped me in my initial neovim journey!
+- @lorvethe for making the beautiful NvChad logo.
diff --git a/nvim/nvchad/.github/workflows/stale.yml b/nvim/nvchad/.github/workflows/stale.yml
new file mode 100644
index 0000000..1f16ea2
--- /dev/null
+++ b/nvim/nvchad/.github/workflows/stale.yml
@@ -0,0 +1,22 @@
+name: 'Close stale issues and PRs'
+on:
+  schedule:
+    - cron: '30 1 * * *'
+ 
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v3
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.'
+          stale-pr-message: 'This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 10 days.'
+          close-issue-message: 'This issue was closed because it has been stalled for 5 days with no activity.'
+          exempt-all-issue-assignees: true # doesn't close an issue if someone was assigned to it.
+          close-pr-message: 'This PR was closed because it has been stalled for 10 days with no activity.'
+          exempt-all-pr-assignees: true # doesn't close a pr if someone was assigned to it.
+          days-before-issue-stale: 30
+          days-before-pr-stale: 45
+          days-before-issue-close: 5
+          days-before-pr-close: 10
diff --git a/nvim/nvchad/.gitignore b/nvim/nvchad/.gitignore
new file mode 100644
index 0000000..d8a93d9
--- /dev/null
+++ b/nvim/nvchad/.gitignore
@@ -0,0 +1,10 @@
+plugin
+custom
+spell
+ftplugin
+syntax
+coc-settings.json
+.luarc.json
+lazy-lock.json
+after
+**/.DS_Store
diff --git a/nvim/nvchad/.ignore b/nvim/nvchad/.ignore
new file mode 100644
index 0000000..42677fb
--- /dev/null
+++ b/nvim/nvchad/.ignore
@@ -0,0 +1 @@
+!/lua/custom/
diff --git a/nvim/nvchad/.stylua.toml b/nvim/nvchad/.stylua.toml
new file mode 100644
index 0000000..ecb6dca
--- /dev/null
+++ b/nvim/nvchad/.stylua.toml
@@ -0,0 +1,6 @@
+column_width = 120
+line_endings = "Unix"
+indent_type = "Spaces"
+indent_width = 2
+quote_style = "AutoPreferDouble"
+call_parentheses = "None"
diff --git a/nvim/nvchad/LICENSE b/nvim/nvchad/LICENSE
new file mode 100644
index 0000000..f288702
--- /dev/null
+++ b/nvim/nvchad/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  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
+them 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 prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  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.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey 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;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If 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 convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU 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 that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  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.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+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.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     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
+state 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 3 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, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program 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, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU 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.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/nvim/nvchad/init.lua b/nvim/nvchad/init.lua
new file mode 100644
index 0000000..21f0b6f
--- /dev/null
+++ b/nvim/nvchad/init.lua
@@ -0,0 +1,21 @@
+require "core"
+
+local custom_init_path = vim.api.nvim_get_runtime_file("lua/custom/init.lua", false)[1]
+
+if custom_init_path then
+  dofile(custom_init_path)
+end
+
+require("core.utils").load_mappings()
+
+local lazypath = vim.fn.stdpath "data" .. "/lazy/lazy.nvim"
+
+-- bootstrap lazy.nvim!
+if not vim.loop.fs_stat(lazypath) then
+  require("core.bootstrap").gen_chadrc_template()
+  require("core.bootstrap").lazy(lazypath)
+end
+
+dofile(vim.g.base46_cache .. "defaults")
+vim.opt.rtp:prepend(lazypath)
+require "plugins"
diff --git a/nvim/nvchad/lua/core/bootstrap.lua b/nvim/nvchad/lua/core/bootstrap.lua
new file mode 100644
index 0000000..a5d5c68
--- /dev/null
+++ b/nvim/nvchad/lua/core/bootstrap.lua
@@ -0,0 +1,62 @@
+local M = {}
+local fn = vim.fn
+
+M.echo = function(str)
+  vim.cmd "redraw"
+  vim.api.nvim_echo({ { str, "Bold" } }, true, {})
+end
+
+local function shell_call(args)
+  local output = fn.system(args)
+  assert(vim.v.shell_error == 0, "External call failed with error code: " .. vim.v.shell_error .. "\n" .. output)
+end
+
+M.lazy = function(install_path)
+  ------------- base46 ---------------
+  local lazy_path = fn.stdpath "data" .. "/lazy/base46"
+
+  M.echo "  Compiling base46 theme to bytecode ..."
+
+  local base46_repo = "https://github.com/NvChad/base46"
+  shell_call { "git", "clone", "--depth", "1", "-b", "v2.0", base46_repo, lazy_path }
+  vim.opt.rtp:prepend(lazy_path)
+
+  require("base46").compile()
+
+  --------- lazy.nvim ---------------
+  M.echo "  Installing lazy.nvim & plugins ..."
+  local repo = "https://github.com/folke/lazy.nvim.git"
+  shell_call { "git", "clone", "--filter=blob:none", "--branch=stable", repo, install_path }
+  vim.opt.rtp:prepend(install_path)
+
+  -- install plugins
+  require "plugins"
+
+  -- mason packages & show post_bootstrap screen
+  require "nvchad.post_install"()
+end
+
+M.gen_chadrc_template = function()
+  local path = fn.stdpath "config" .. "/lua/custom"
+
+  if fn.isdirectory(path) ~= 1 then
+    local input = vim.env.NVCHAD_EXAMPLE_CONFIG or fn.input "Do you want to install example custom config? (y/N): "
+
+    if input:lower() == "y" then
+      M.echo "Cloning example custom config repo..."
+      shell_call { "git", "clone", "--depth", "1", "https://github.com/NvChad/example_config", path }
+      fn.delete(path .. "/.git", "rf")
+    else
+      -- use very minimal chadrc
+      fn.mkdir(path, "p")
+
+      local file = io.open(path .. "/chadrc.lua", "w")
+      if file then
+        file:write "---@type ChadrcConfig\nlocal M = {}\n\nM.ui = { theme = 'onedark' }\n\nreturn M"
+        file:close()
+      end
+    end
+  end
+end
+
+return M
diff --git a/nvim/nvchad/lua/core/default_config.lua b/nvim/nvchad/lua/core/default_config.lua
new file mode 100644
index 0000000..639916a
--- /dev/null
+++ b/nvim/nvchad/lua/core/default_config.lua
@@ -0,0 +1,92 @@
+local M = {}
+
+M.options = {
+  nvchad_branch = "v2.0",
+}
+
+M.ui = {
+  ------------------------------- base46 -------------------------------------
+  -- hl = highlights
+  hl_add = {},
+  hl_override = {},
+  changed_themes = {},
+  theme_toggle = { "onedark", "one_light" },
+  theme = "onedark", -- default theme
+  transparency = false,
+  lsp_semantic_tokens = false, -- needs nvim v0.9, just adds highlight groups for lsp semantic tokens
+
+  -- https://github.com/NvChad/base46/tree/v2.0/lua/base46/extended_integrations
+  extended_integrations = {}, -- these aren't compiled by default, ex: "alpha", "notify"
+
+  -- cmp themeing
+  cmp = {
+    icons = true,
+    lspkind_text = true,
+    style = "default", -- default/flat_light/flat_dark/atom/atom_colored
+    border_color = "grey_fg", -- only applicable for "default" style, use color names from base30 variables
+    selected_item_bg = "colored", -- colored / simple
+  },
+
+  telescope = { style = "borderless" }, -- borderless / bordered
+
+  ------------------------------- nvchad_ui modules -----------------------------
+  statusline = {
+    theme = "default", -- default/vscode/vscode_colored/minimal
+    -- default/round/block/arrow separators work only for default statusline theme
+    -- round and block will work for minimal theme only
+    separator_style = "default",
+    overriden_modules = nil,
+  },
+
+  -- lazyload it when there are 1+ buffers
+  tabufline = {
+    show_numbers = false,
+    enabled = true,
+    lazyload = true,
+    overriden_modules = nil,
+  },
+
+  -- nvdash (dashboard)
+  nvdash = {
+    load_on_startup = false,
+
+    header = {
+      "           ▄ ▄                   ",
+      "       ▄   ▄▄▄     ▄ ▄▄▄ ▄ ▄     ",
+      "       █ ▄ █▄█ ▄▄▄ █ █▄█ █ █     ",
+      "    ▄▄ █▄█▄▄▄█ █▄█▄█▄▄█▄▄█ █     ",
+      "  ▄ █▄▄█ ▄ ▄▄ ▄█ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄  ",
+      "  █▄▄▄▄ ▄▄▄ █ ▄ ▄▄▄ ▄ ▄▄▄ ▄ ▄ █ ▄",
+      "▄ █ █▄█ █▄█ █ █ █▄█ █ █▄█ ▄▄▄ █ █",
+      "█▄█ ▄ █▄▄█▄▄█ █ ▄▄█ █ ▄ █ █▄█▄█ █",
+      "    █▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█ █▄█▄▄▄█    ",
+    },
+
+    buttons = {
+      { "  Find File", "Spc f f", "Telescope find_files" },
+      { "󰈚  Recent Files", "Spc f o", "Telescope oldfiles" },
+      { "󰈭  Find Word", "Spc f w", "Telescope live_grep" },
+      { "  Bookmarks", "Spc m a", "Telescope marks" },
+      { "  Themes", "Spc t h", "Telescope themes" },
+      { "  Mappings", "Spc c h", "NvCheatsheet" },
+    },
+  },
+
+  cheatsheet = { theme = "grid" }, -- simple/grid
+
+  lsp = {
+    -- show function signatures i.e args as you type
+    signature = {
+      disabled = false,
+      silent = true, -- silences 'no signature help available' message from appearing
+    },
+  },
+}
+
+M.plugins = "" -- path i.e "custom.plugins", so make custom/plugins.lua file
+
+M.lazy_nvim = require "plugins.configs.lazy_nvim" -- config for lazy.nvim startup options
+
+M.mappings = require "core.mappings"
+
+return M
diff --git a/nvim/nvchad/lua/core/init.lua b/nvim/nvchad/lua/core/init.lua
new file mode 100644
index 0000000..8d19174
--- /dev/null
+++ b/nvim/nvchad/lua/core/init.lua
@@ -0,0 +1,138 @@
+local opt = vim.opt
+local g = vim.g
+local config = require("core.utils").load_config()
+
+-------------------------------------- globals -----------------------------------------
+g.nvchad_theme = config.ui.theme
+g.base46_cache = vim.fn.stdpath "data" .. "/nvchad/base46/"
+g.toggle_theme_icon = "   "
+g.transparency = config.ui.transparency
+
+-------------------------------------- options ------------------------------------------
+opt.laststatus = 3 -- global statusline
+opt.showmode = false
+
+opt.clipboard = "unnamedplus"
+opt.cursorline = true
+
+-- Indenting
+opt.expandtab = true
+opt.shiftwidth = 2
+opt.smartindent = true
+opt.tabstop = 2
+opt.softtabstop = 2
+
+opt.fillchars = { eob = " " }
+opt.ignorecase = true
+opt.smartcase = true
+opt.mouse = "a"
+
+-- Numbers
+opt.number = true
+opt.numberwidth = 2
+opt.ruler = false
+
+-- disable nvim intro
+opt.shortmess:append "sI"
+
+opt.signcolumn = "yes"
+opt.splitbelow = true
+opt.splitright = true
+opt.termguicolors = true
+opt.timeoutlen = 400
+opt.undofile = true
+
+-- interval for writing swap file to disk, also used by gitsigns
+opt.updatetime = 250
+
+-- go to previous/next line with h,l,left arrow and right arrow
+-- when cursor reaches end/beginning of line
+opt.whichwrap:append "<>[]hl"
+
+g.mapleader = " "
+
+-- disable some default providers
+for _, provider in ipairs { "node", "perl", "python3", "ruby" } do
+  vim.g["loaded_" .. provider .. "_provider"] = 0
+end
+
+-- add binaries installed by mason.nvim to path
+local is_windows = vim.loop.os_uname().sysname == "Windows_NT"
+vim.env.PATH = vim.fn.stdpath "data" .. "/mason/bin" .. (is_windows and ";" or ":") .. vim.env.PATH
+
+-------------------------------------- autocmds ------------------------------------------
+local autocmd = vim.api.nvim_create_autocmd
+
+-- dont list quickfix buffers
+autocmd("FileType", {
+  pattern = "qf",
+  callback = function()
+    vim.opt_local.buflisted = false
+  end,
+})
+
+-- reload some chadrc options on-save
+autocmd("BufWritePost", {
+  pattern = vim.tbl_map(function(path)
+    return vim.fs.normalize(vim.loop.fs_realpath(path))
+  end, vim.fn.glob(vim.fn.stdpath "config" .. "/lua/custom/**/*.lua", true, true, true)),
+  group = vim.api.nvim_create_augroup("ReloadNvChad", {}),
+
+  callback = function(opts)
+    local fp = vim.fn.fnamemodify(vim.fs.normalize(vim.api.nvim_buf_get_name(opts.buf)), ":r") --[[@as string]]
+    local app_name = vim.env.NVIM_APPNAME and vim.env.NVIM_APPNAME or "nvim"
+    local module = string.gsub(fp, "^.*/" .. app_name .. "/lua/", ""):gsub("/", ".")
+
+    require("plenary.reload").reload_module "base46"
+    require("plenary.reload").reload_module(module)
+    require("plenary.reload").reload_module "custom.chadrc"
+
+    config = require("core.utils").load_config()
+
+    vim.g.nvchad_theme = config.ui.theme
+    vim.g.transparency = config.ui.transparency
+
+    -- statusline
+    require("plenary.reload").reload_module("nvchad.statusline." .. config.ui.statusline.theme)
+    vim.opt.statusline = "%!v:lua.require('nvchad.statusline." .. config.ui.statusline.theme .. "').run()"
+
+    -- tabufline
+    if config.ui.tabufline.enabled then
+      require("plenary.reload").reload_module "nvchad.tabufline.modules"
+      vim.opt.tabline = "%!v:lua.require('nvchad.tabufline.modules').run()"
+    end
+
+    require("base46").load_all_highlights()
+    -- vim.cmd("redraw!")
+  end,
+})
+
+-- user event that loads after UIEnter + only if file buf is there
+vim.api.nvim_create_autocmd({ "UIEnter", "BufReadPost", "BufNewFile" }, {
+  group = vim.api.nvim_create_augroup("NvFilePost", { clear = true }),
+  callback = function(args)
+    local file = vim.api.nvim_buf_get_name(args.buf)
+    local buftype = vim.api.nvim_buf_get_option(args.buf, "buftype")
+
+    if not vim.g.ui_entered and args.event == "UIEnter" then
+      vim.g.ui_entered = true
+    end
+
+    if file ~= "" and buftype ~= "nofile" and vim.g.ui_entered then
+      vim.api.nvim_exec_autocmds("User", { pattern = "FilePost", modeline = false })
+      vim.api.nvim_del_augroup_by_name "NvFilePost"
+
+      vim.schedule(function()
+        vim.api.nvim_exec_autocmds("FileType", {})
+        require("editorconfig").config(args.buf)
+      end, 0)
+    end
+  end,
+})
+
+-------------------------------------- commands ------------------------------------------
+local new_cmd = vim.api.nvim_create_user_command
+
+new_cmd("NvChadUpdate", function()
+  require "nvchad.updater"()
+end, {})
diff --git a/nvim/nvchad/lua/core/mappings.lua b/nvim/nvchad/lua/core/mappings.lua
new file mode 100644
index 0000000..0a652a7
--- /dev/null
+++ b/nvim/nvchad/lua/core/mappings.lua
@@ -0,0 +1,468 @@
+-- n, v, i, t = mode names
+
+local M = {}
+
+M.general = {
+  i = {
+    -- go to  beginning and end
+    ["<C-b>"] = { "<ESC>^i", "Beginning of line" },
+    ["<C-e>"] = { "<End>", "End of line" },
+
+    -- navigate within insert mode
+    ["<C-h>"] = { "<Left>", "Move left" },
+    ["<C-l>"] = { "<Right>", "Move right" },
+    ["<C-j>"] = { "<Down>", "Move down" },
+    ["<C-k>"] = { "<Up>", "Move up" },
+  },
+
+  n = {
+    ["<Esc>"] = { "<cmd> noh <CR>", "Clear highlights" },
+    -- switch between windows
+    ["<C-h>"] = { "<C-w>h", "Window left" },
+    ["<C-l>"] = { "<C-w>l", "Window right" },
+    ["<C-j>"] = { "<C-w>j", "Window down" },
+    ["<C-k>"] = { "<C-w>k", "Window up" },
+
+    -- save
+    ["<C-s>"] = { "<cmd> w <CR>", "Save file" },
+
+    -- Copy all
+    ["<C-c>"] = { "<cmd> %y+ <CR>", "Copy whole file" },
+
+    -- line numbers
+    ["<leader>n"] = { "<cmd> set nu! <CR>", "Toggle line number" },
+    ["<leader>rn"] = { "<cmd> set rnu! <CR>", "Toggle relative number" },
+
+    -- Allow moving the cursor through wrapped lines with j, k, <Up> and <Down>
+    -- http://www.reddit.com/r/vim/comments/2k4cbr/problem_with_gj_and_gk/
+    -- empty mode is same as using <cmd> :map
+    -- also don't use g[j|k] when in operator pending mode, so it doesn't alter d, y or c behaviour
+    ["j"] = { 'v:count || mode(1)[0:1] == "no" ? "j" : "gj"', "Move down", opts = { expr = true } },
+    ["k"] = { 'v:count || mode(1)[0:1] == "no" ? "k" : "gk"', "Move up", opts = { expr = true } },
+    ["<Up>"] = { 'v:count || mode(1)[0:1] == "no" ? "k" : "gk"', "Move up", opts = { expr = true } },
+    ["<Down>"] = { 'v:count || mode(1)[0:1] == "no" ? "j" : "gj"', "Move down", opts = { expr = true } },
+
+    -- new buffer
+    ["<leader>b"] = { "<cmd> enew <CR>", "New buffer" },
+    ["<leader>ch"] = { "<cmd> NvCheatsheet <CR>", "Mapping cheatsheet" },
+
+    ["<leader>fm"] = {
+      function()
+        vim.lsp.buf.format { async = true }
+      end,
+      "LSP formatting",
+    },
+  },
+
+  t = {
+    ["<C-x>"] = { vim.api.nvim_replace_termcodes("<C-\\><C-N>", true, true, true), "Escape terminal mode" },
+  },
+
+  v = {
+    ["<Up>"] = { 'v:count || mode(1)[0:1] == "no" ? "k" : "gk"', "Move up", opts = { expr = true } },
+    ["<Down>"] = { 'v:count || mode(1)[0:1] == "no" ? "j" : "gj"', "Move down", opts = { expr = true } },
+    ["<"] = { "<gv", "Indent line" },
+    [">"] = { ">gv", "Indent line" },
+  },
+
+  x = {
+    ["j"] = { 'v:count || mode(1)[0:1] == "no" ? "j" : "gj"', "Move down", opts = { expr = true } },
+    ["k"] = { 'v:count || mode(1)[0:1] == "no" ? "k" : "gk"', "Move up", opts = { expr = true } },
+    -- Don't copy the replaced text after pasting in visual mode
+    -- https://vim.fandom.com/wiki/Replace_a_word_with_yanked_text#Alternative_mapping_for_paste
+    ["p"] = { 'p:let @+=@0<CR>:let @"=@0<CR>', "Dont copy replaced text", opts = { silent = true } },
+  },
+}
+
+M.tabufline = {
+  plugin = true,
+
+  n = {
+    -- cycle through buffers
+    ["<tab>"] = {
+      function()
+        require("nvchad.tabufline").tabuflineNext()
+      end,
+      "Goto next buffer",
+    },
+
+    ["<S-tab>"] = {
+      function()
+        require("nvchad.tabufline").tabuflinePrev()
+      end,
+      "Goto prev buffer",
+    },
+
+    -- close buffer + hide terminal buffer
+    ["<leader>x"] = {
+      function()
+        require("nvchad.tabufline").close_buffer()
+      end,
+      "Close buffer",
+    },
+  },
+}
+
+M.comment = {
+  plugin = true,
+
+  -- toggle comment in both modes
+  n = {
+    ["<leader>/"] = {
+      function()
+        require("Comment.api").toggle.linewise.current()
+      end,
+      "Toggle comment",
+    },
+  },
+
+  v = {
+    ["<leader>/"] = {
+      "<ESC><cmd>lua require('Comment.api').toggle.linewise(vim.fn.visualmode())<CR>",
+      "Toggle comment",
+    },
+  },
+}
+
+M.lspconfig = {
+  plugin = true,
+
+  -- See `<cmd> :help vim.lsp.*` for documentation on any of the below functions
+
+  n = {
+    ["gD"] = {
+      function()
+        vim.lsp.buf.declaration()
+      end,
+      "LSP declaration",
+    },
+
+    ["gd"] = {
+      function()
+        vim.lsp.buf.definition()
+      end,
+      "LSP definition",
+    },
+
+    ["K"] = {
+      function()
+        vim.lsp.buf.hover()
+      end,
+      "LSP hover",
+    },
+
+    ["gi"] = {
+      function()
+        vim.lsp.buf.implementation()
+      end,
+      "LSP implementation",
+    },
+
+    ["<leader>ls"] = {
+      function()
+        vim.lsp.buf.signature_help()
+      end,
+      "LSP signature help",
+    },
+
+    ["<leader>D"] = {
+      function()
+        vim.lsp.buf.type_definition()
+      end,
+      "LSP definition type",
+    },
+
+    ["<leader>ra"] = {
+      function()
+        require("nvchad.renamer").open()
+      end,
+      "LSP rename",
+    },
+
+    ["<leader>ca"] = {
+      function()
+        vim.lsp.buf.code_action()
+      end,
+      "LSP code action",
+    },
+
+    ["gr"] = {
+      function()
+        vim.lsp.buf.references()
+      end,
+      "LSP references",
+    },
+
+    ["<leader>lf"] = {
+      function()
+        vim.diagnostic.open_float { border = "rounded" }
+      end,
+      "Floating diagnostic",
+    },
+
+    ["[d"] = {
+      function()
+        vim.diagnostic.goto_prev { float = { border = "rounded" } }
+      end,
+      "Goto prev",
+    },
+
+    ["]d"] = {
+      function()
+        vim.diagnostic.goto_next { float = { border = "rounded" } }
+      end,
+      "Goto next",
+    },
+
+    ["<leader>q"] = {
+      function()
+        vim.diagnostic.setloclist()
+      end,
+      "Diagnostic setloclist",
+    },
+
+    ["<leader>wa"] = {
+      function()
+        vim.lsp.buf.add_workspace_folder()
+      end,
+      "Add workspace folder",
+    },
+
+    ["<leader>wr"] = {
+      function()
+        vim.lsp.buf.remove_workspace_folder()
+      end,
+      "Remove workspace folder",
+    },
+
+    ["<leader>wl"] = {
+      function()
+        print(vim.inspect(vim.lsp.buf.list_workspace_folders()))
+      end,
+      "List workspace folders",
+    },
+  },
+
+  v = {
+    ["<leader>ca"] = {
+      function()
+        vim.lsp.buf.code_action()
+      end,
+      "LSP code action",
+    },
+  },
+}
+
+M.nvimtree = {
+  plugin = true,
+
+  n = {
+    -- toggle
+    ["<C-n>"] = { "<cmd> NvimTreeToggle <CR>", "Toggle nvimtree" },
+
+    -- focus
+    ["<leader>e"] = { "<cmd> NvimTreeFocus <CR>", "Focus nvimtree" },
+  },
+}
+
+M.telescope = {
+  plugin = true,
+
+  n = {
+    -- find
+    ["<leader>ff"] = { "<cmd> Telescope find_files <CR>", "Find files" },
+    ["<leader>fa"] = { "<cmd> Telescope find_files follow=true no_ignore=true hidden=true <CR>", "Find all" },
+    ["<leader>fw"] = { "<cmd> Telescope live_grep <CR>", "Live grep" },
+    ["<leader>fb"] = { "<cmd> Telescope buffers <CR>", "Find buffers" },
+    ["<leader>fh"] = { "<cmd> Telescope help_tags <CR>", "Help page" },
+    ["<leader>fo"] = { "<cmd> Telescope oldfiles <CR>", "Find oldfiles" },
+    ["<leader>fz"] = { "<cmd> Telescope current_buffer_fuzzy_find <CR>", "Find in current buffer" },
+
+    -- git
+    ["<leader>cm"] = { "<cmd> Telescope git_commits <CR>", "Git commits" },
+    ["<leader>gt"] = { "<cmd> Telescope git_status <CR>", "Git status" },
+
+    -- pick a hidden term
+    ["<leader>pt"] = { "<cmd> Telescope terms <CR>", "Pick hidden term" },
+
+    -- theme switcher
+    ["<leader>th"] = { "<cmd> Telescope themes <CR>", "Nvchad themes" },
+
+    ["<leader>ma"] = { "<cmd> Telescope marks <CR>", "telescope bookmarks" },
+  },
+}
+
+M.nvterm = {
+  plugin = true,
+
+  t = {
+    -- toggle in terminal mode
+    ["<A-i>"] = {
+      function()
+        require("nvterm.terminal").toggle "float"
+      end,
+      "Toggle floating term",
+    },
+
+    ["<A-h>"] = {
+      function()
+        require("nvterm.terminal").toggle "horizontal"
+      end,
+      "Toggle horizontal term",
+    },
+
+    ["<A-v>"] = {
+      function()
+        require("nvterm.terminal").toggle "vertical"
+      end,
+      "Toggle vertical term",
+    },
+  },
+
+  n = {
+    -- toggle in normal mode
+    ["<A-i>"] = {
+      function()
+        require("nvterm.terminal").toggle "float"
+      end,
+      "Toggle floating term",
+    },
+
+    ["<A-h>"] = {
+      function()
+        require("nvterm.terminal").toggle "horizontal"
+      end,
+      "Toggle horizontal term",
+    },
+
+    ["<A-v>"] = {
+      function()
+        require("nvterm.terminal").toggle "vertical"
+      end,
+      "Toggle vertical term",
+    },
+
+    -- new
+    ["<leader>h"] = {
+      function()
+        require("nvterm.terminal").new "horizontal"
+      end,
+      "New horizontal term",
+    },
+
+    ["<leader>v"] = {
+      function()
+        require("nvterm.terminal").new "vertical"
+      end,
+      "New vertical term",
+    },
+  },
+}
+
+M.whichkey = {
+  plugin = true,
+
+  n = {
+    ["<leader>wK"] = {
+      function()
+        vim.cmd "WhichKey"
+      end,
+      "Which-key all keymaps",
+    },
+    ["<leader>wk"] = {
+      function()
+        local input = vim.fn.input "WhichKey: "
+        vim.cmd("WhichKey " .. input)
+      end,
+      "Which-key query lookup",
+    },
+  },
+}
+
+M.blankline = {
+  plugin = true,
+
+  n = {
+    ["<leader>cc"] = {
+      function()
+        local ok, start = require("indent_blankline.utils").get_current_context(
+          vim.g.indent_blankline_context_patterns,
+          vim.g.indent_blankline_use_treesitter_scope
+        )
+
+        if ok then
+          vim.api.nvim_win_set_cursor(vim.api.nvim_get_current_win(), { start, 0 })
+          vim.cmd [[normal! _]]
+        end
+      end,
+
+      "Jump to current context",
+    },
+  },
+}
+
+M.gitsigns = {
+  plugin = true,
+
+  n = {
+    -- Navigation through hunks
+    ["]c"] = {
+      function()
+        if vim.wo.diff then
+          return "]c"
+        end
+        vim.schedule(function()
+          require("gitsigns").next_hunk()
+        end)
+        return "<Ignore>"
+      end,
+      "Jump to next hunk",
+      opts = { expr = true },
+    },
+
+    ["[c"] = {
+      function()
+        if vim.wo.diff then
+          return "[c"
+        end
+        vim.schedule(function()
+          require("gitsigns").prev_hunk()
+        end)
+        return "<Ignore>"
+      end,
+      "Jump to prev hunk",
+      opts = { expr = true },
+    },
+
+    -- Actions
+    ["<leader>rh"] = {
+      function()
+        require("gitsigns").reset_hunk()
+      end,
+      "Reset hunk",
+    },
+
+    ["<leader>ph"] = {
+      function()
+        require("gitsigns").preview_hunk()
+      end,
+      "Preview hunk",
+    },
+
+    ["<leader>gb"] = {
+      function()
+        package.loaded.gitsigns.blame_line()
+      end,
+      "Blame line",
+    },
+
+    ["<leader>td"] = {
+      function()
+        require("gitsigns").toggle_deleted()
+      end,
+      "Toggle deleted",
+    },
+  },
+}
+
+return M
diff --git a/nvim/nvchad/lua/core/utils.lua b/nvim/nvchad/lua/core/utils.lua
new file mode 100644
index 0000000..8b2a03d
--- /dev/null
+++ b/nvim/nvchad/lua/core/utils.lua
@@ -0,0 +1,118 @@
+local M = {}
+local merge_tb = vim.tbl_deep_extend
+
+M.load_config = function()
+  local config = require "core.default_config"
+  local chadrc_path = vim.api.nvim_get_runtime_file("lua/custom/chadrc.lua", false)[1]
+
+  if chadrc_path then
+    local chadrc = dofile(chadrc_path)
+
+    config.mappings = M.remove_disabled_keys(chadrc.mappings, config.mappings)
+    config = merge_tb("force", config, chadrc)
+    config.mappings.disabled = nil
+  end
+
+  return config
+end
+
+M.remove_disabled_keys = function(chadrc_mappings, default_mappings)
+  if not chadrc_mappings then
+    return default_mappings
+  end
+
+  -- store keys in a array with true value to compare
+  local keys_to_disable = {}
+  for _, mappings in pairs(chadrc_mappings) do
+    for mode, section_keys in pairs(mappings) do
+      if not keys_to_disable[mode] then
+        keys_to_disable[mode] = {}
+      end
+      section_keys = (type(section_keys) == "table" and section_keys) or {}
+      for k, _ in pairs(section_keys) do
+        keys_to_disable[mode][k] = true
+      end
+    end
+  end
+
+  -- make a copy as we need to modify default_mappings
+  for section_name, section_mappings in pairs(default_mappings) do
+    for mode, mode_mappings in pairs(section_mappings) do
+      mode_mappings = (type(mode_mappings) == "table" and mode_mappings) or {}
+      for k, _ in pairs(mode_mappings) do
+        -- if key if found then remove from default_mappings
+        if keys_to_disable[mode] and keys_to_disable[mode][k] then
+          default_mappings[section_name][mode][k] = nil
+        end
+      end
+    end
+  end
+
+  return default_mappings
+end
+
+M.load_mappings = function(section, mapping_opt)
+  vim.schedule(function()
+    local function set_section_map(section_values)
+      if section_values.plugin then
+        return
+      end
+
+      section_values.plugin = nil
+
+      for mode, mode_values in pairs(section_values) do
+        local default_opts = merge_tb("force", { mode = mode }, mapping_opt or {})
+        for keybind, mapping_info in pairs(mode_values) do
+          -- merge default + user opts
+          local opts = merge_tb("force", default_opts, mapping_info.opts or {})
+
+          mapping_info.opts, opts.mode = nil, nil
+          opts.desc = mapping_info[2]
+
+          vim.keymap.set(mode, keybind, mapping_info[1], opts)
+        end
+      end
+    end
+
+    local mappings = require("core.utils").load_config().mappings
+
+    if type(section) == "string" then
+      mappings[section]["plugin"] = nil
+      mappings = { mappings[section] }
+    end
+
+    for _, sect in pairs(mappings) do
+      set_section_map(sect)
+    end
+  end)
+end
+
+M.lazy_load = function(plugin)
+  vim.api.nvim_create_autocmd({ "BufRead", "BufWinEnter", "BufNewFile" }, {
+    group = vim.api.nvim_create_augroup("BeLazyOnFileOpen" .. plugin, {}),
+    callback = function()
+      local file = vim.fn.expand "%"
+      local condition = file ~= "NvimTree_1" and file ~= "[lazy]" and file ~= ""
+
+      if condition then
+        vim.api.nvim_del_augroup_by_name("BeLazyOnFileOpen" .. plugin)
+
+        -- dont defer for treesitter as it will show slow highlighting
+        -- This deferring only happens only when we do "nvim filename"
+        if plugin ~= "nvim-treesitter" then
+          vim.schedule(function()
+            require("lazy").load { plugins = plugin }
+
+            if plugin == "nvim-lspconfig" then
+              vim.cmd "silent! do FileType"
+            end
+          end, 0)
+        else
+          require("lazy").load { plugins = plugin }
+        end
+      end
+    end,
+  })
+end
+
+return M
diff --git a/nvim/nvchad/lua/plugins/configs/cmp.lua b/nvim/nvchad/lua/plugins/configs/cmp.lua
new file mode 100644
index 0000000..444da73
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/cmp.lua
@@ -0,0 +1,120 @@
+local cmp = require "cmp"
+
+dofile(vim.g.base46_cache .. "cmp")
+
+local cmp_ui = require("core.utils").load_config().ui.cmp
+local cmp_style = cmp_ui.style
+
+local field_arrangement = {
+  atom = { "kind", "abbr", "menu" },
+  atom_colored = { "kind", "abbr", "menu" },
+}
+
+local formatting_style = {
+  -- default fields order i.e completion word + item.kind + item.kind icons
+  fields = field_arrangement[cmp_style] or { "abbr", "kind", "menu" },
+
+  format = function(_, item)
+    local icons = require "nvchad.icons.lspkind"
+    local icon = (cmp_ui.icons and icons[item.kind]) or ""
+
+    if cmp_style == "atom" or cmp_style == "atom_colored" then
+      icon = " " .. icon .. " "
+      item.menu = cmp_ui.lspkind_text and "   (" .. item.kind .. ")" or ""
+      item.kind = icon
+    else
+      icon = cmp_ui.lspkind_text and (" " .. icon .. " ") or icon
+      item.kind = string.format("%s %s", icon, cmp_ui.lspkind_text and item.kind or "")
+    end
+
+    return item
+  end,
+}
+
+local function border(hl_name)
+  return {
+    { "╭", hl_name },
+    { "─", hl_name },
+    { "╮", hl_name },
+    { "│", hl_name },
+    { "╯", hl_name },
+    { "─", hl_name },
+    { "╰", hl_name },
+    { "│", hl_name },
+  }
+end
+
+local options = {
+  completion = {
+    completeopt = "menu,menuone",
+  },
+
+  window = {
+    completion = {
+      side_padding = (cmp_style ~= "atom" and cmp_style ~= "atom_colored") and 1 or 0,
+      winhighlight = "Normal:CmpPmenu,CursorLine:CmpSel,Search:None",
+      scrollbar = false,
+    },
+    documentation = {
+      border = border "CmpDocBorder",
+      winhighlight = "Normal:CmpDoc",
+    },
+  },
+  snippet = {
+    expand = function(args)
+      require("luasnip").lsp_expand(args.body)
+    end,
+  },
+
+  formatting = formatting_style,
+
+  mapping = {
+    ["<C-p>"] = cmp.mapping.select_prev_item(),
+    ["<C-n>"] = cmp.mapping.select_next_item(),
+    ["<C-d>"] = cmp.mapping.scroll_docs(-4),
+    ["<C-f>"] = cmp.mapping.scroll_docs(4),
+    ["<C-Space>"] = cmp.mapping.complete(),
+    ["<C-e>"] = cmp.mapping.close(),
+    ["<CR>"] = cmp.mapping.confirm {
+      behavior = cmp.ConfirmBehavior.Insert,
+      select = true,
+    },
+    ["<Tab>"] = cmp.mapping(function(fallback)
+      if cmp.visible() then
+        cmp.select_next_item()
+      elseif require("luasnip").expand_or_jumpable() then
+        vim.fn.feedkeys(vim.api.nvim_replace_termcodes("<Plug>luasnip-expand-or-jump", true, true, true), "")
+      else
+        fallback()
+      end
+    end, {
+      "i",
+      "s",
+    }),
+    ["<S-Tab>"] = cmp.mapping(function(fallback)
+      if cmp.visible() then
+        cmp.select_prev_item()
+      elseif require("luasnip").jumpable(-1) then
+        vim.fn.feedkeys(vim.api.nvim_replace_termcodes("<Plug>luasnip-jump-prev", true, true, true), "")
+      else
+        fallback()
+      end
+    end, {
+      "i",
+      "s",
+    }),
+  },
+  sources = {
+    { name = "nvim_lsp" },
+    { name = "luasnip" },
+    { name = "buffer" },
+    { name = "nvim_lua" },
+    { name = "path" },
+  },
+}
+
+if cmp_style ~= "atom" and cmp_style ~= "atom_colored" then
+  options.window.completion.border = border "CmpBorder"
+end
+
+return options
diff --git a/nvim/nvchad/lua/plugins/configs/lazy_nvim.lua b/nvim/nvchad/lua/plugins/configs/lazy_nvim.lua
new file mode 100644
index 0000000..cd170bd
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/lazy_nvim.lua
@@ -0,0 +1,47 @@
+return {
+  defaults = { lazy = true },
+  install = { colorscheme = { "nvchad" } },
+
+  ui = {
+    icons = {
+      ft = "",
+      lazy = "󰂠 ",
+      loaded = "",
+      not_loaded = "",
+    },
+  },
+
+  performance = {
+    rtp = {
+      disabled_plugins = {
+        "2html_plugin",
+        "tohtml",
+        "getscript",
+        "getscriptPlugin",
+        "gzip",
+        "logipat",
+        "netrw",
+        "netrwPlugin",
+        "netrwSettings",
+        "netrwFileHandlers",
+        "matchit",
+        "tar",
+        "tarPlugin",
+        "rrhelper",
+        "spellfile_plugin",
+        "vimball",
+        "vimballPlugin",
+        "zip",
+        "zipPlugin",
+        "tutor",
+        "rplugin",
+        "syntax",
+        "synmenu",
+        "optwin",
+        "compiler",
+        "bugreport",
+        "ftplugin",
+      },
+    },
+  },
+}
diff --git a/nvim/nvchad/lua/plugins/configs/lspconfig.lua b/nvim/nvchad/lua/plugins/configs/lspconfig.lua
new file mode 100644
index 0000000..f824aa0
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/lspconfig.lua
@@ -0,0 +1,64 @@
+dofile(vim.g.base46_cache .. "lsp")
+require "nvchad.lsp"
+
+local M = {}
+local utils = require "core.utils"
+
+-- export on_attach & capabilities for custom lspconfigs
+
+M.on_attach = function(client, bufnr)
+  utils.load_mappings("lspconfig", { buffer = bufnr })
+
+  if client.server_capabilities.signatureHelpProvider then
+    require("nvchad.signature").setup(client)
+  end
+
+  if not utils.load_config().ui.lsp_semantic_tokens and client.supports_method "textDocument/semanticTokens" then
+    client.server_capabilities.semanticTokensProvider = nil
+  end
+end
+
+M.capabilities = vim.lsp.protocol.make_client_capabilities()
+
+M.capabilities.textDocument.completion.completionItem = {
+  documentationFormat = { "markdown", "plaintext" },
+  snippetSupport = true,
+  preselectSupport = true,
+  insertReplaceSupport = true,
+  labelDetailsSupport = true,
+  deprecatedSupport = true,
+  commitCharactersSupport = true,
+  tagSupport = { valueSet = { 1 } },
+  resolveSupport = {
+    properties = {
+      "documentation",
+      "detail",
+      "additionalTextEdits",
+    },
+  },
+}
+
+require("lspconfig").lua_ls.setup {
+  on_attach = M.on_attach,
+  capabilities = M.capabilities,
+
+  settings = {
+    Lua = {
+      diagnostics = {
+        globals = { "vim" },
+      },
+      workspace = {
+        library = {
+          [vim.fn.expand "$VIMRUNTIME/lua"] = true,
+          [vim.fn.expand "$VIMRUNTIME/lua/vim/lsp"] = true,
+          [vim.fn.stdpath "data" .. "/lazy/ui/nvchad_types"] = true,
+          [vim.fn.stdpath "data" .. "/lazy/lazy.nvim/lua/lazy"] = true,
+        },
+        maxPreload = 100000,
+        preloadFileSize = 10000,
+      },
+    },
+  },
+}
+
+return M
diff --git a/nvim/nvchad/lua/plugins/configs/mason.lua b/nvim/nvchad/lua/plugins/configs/mason.lua
new file mode 100644
index 0000000..3692a15
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/mason.lua
@@ -0,0 +1,28 @@
+local options = {
+  ensure_installed = { "lua-language-server" }, -- not an option from mason.nvim
+
+  PATH = "skip",
+
+  ui = {
+    icons = {
+      package_pending = " ",
+      package_installed = "󰄳 ",
+      package_uninstalled = " 󰚌",
+    },
+
+    keymaps = {
+      toggle_server_expand = "<CR>",
+      install_server = "i",
+      update_server = "u",
+      check_server_version = "c",
+      update_all_servers = "U",
+      check_outdated_servers = "C",
+      uninstall_server = "X",
+      cancel_installation = "<C-c>",
+    },
+  },
+
+  max_concurrent_installers = 10,
+}
+
+return options
diff --git a/nvim/nvchad/lua/plugins/configs/nvimtree.lua b/nvim/nvchad/lua/plugins/configs/nvimtree.lua
new file mode 100644
index 0000000..b4a8aee
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/nvimtree.lua
@@ -0,0 +1,77 @@
+local options = {
+  filters = {
+    dotfiles = false,
+    exclude = { vim.fn.stdpath "config" .. "/lua/custom" },
+  },
+  disable_netrw = true,
+  hijack_netrw = true,
+  hijack_cursor = true,
+  hijack_unnamed_buffer_when_opening = false,
+  sync_root_with_cwd = true,
+  update_focused_file = {
+    enable = true,
+    update_root = false,
+  },
+  view = {
+    adaptive_size = false,
+    side = "left",
+    width = 30,
+    preserve_window_proportions = true,
+  },
+  git = {
+    enable = false,
+    ignore = true,
+  },
+  filesystem_watchers = {
+    enable = true,
+  },
+  actions = {
+    open_file = {
+      resize_window = true,
+    },
+  },
+  renderer = {
+    root_folder_label = false,
+    highlight_git = false,
+    highlight_opened_files = "none",
+
+    indent_markers = {
+      enable = false,
+    },
+
+    icons = {
+      show = {
+        file = true,
+        folder = true,
+        folder_arrow = true,
+        git = false,
+      },
+
+      glyphs = {
+        default = "󰈚",
+        symlink = "",
+        folder = {
+          default = "",
+          empty = "",
+          empty_open = "",
+          open = "",
+          symlink = "",
+          symlink_open = "",
+          arrow_open = "",
+          arrow_closed = "",
+        },
+        git = {
+          unstaged = "✗",
+          staged = "✓",
+          unmerged = "",
+          renamed = "➜",
+          untracked = "★",
+          deleted = "",
+          ignored = "◌",
+        },
+      },
+    },
+  },
+}
+
+return options
diff --git a/nvim/nvchad/lua/plugins/configs/others.lua b/nvim/nvchad/lua/plugins/configs/others.lua
new file mode 100644
index 0000000..dafd5a4
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/others.lua
@@ -0,0 +1,66 @@
+local M = {}
+local utils = require "core.utils"
+
+M.blankline = {
+  indentLine_enabled = 1,
+  filetype_exclude = {
+    "help",
+    "terminal",
+    "lazy",
+    "lspinfo",
+    "TelescopePrompt",
+    "TelescopeResults",
+    "mason",
+    "nvdash",
+    "nvcheatsheet",
+    "",
+  },
+  buftype_exclude = { "terminal" },
+  show_trailing_blankline_indent = false,
+  show_first_indent_level = false,
+  show_current_context = true,
+  show_current_context_start = true,
+}
+
+M.luasnip = function(opts)
+  require("luasnip").config.set_config(opts)
+
+  -- vscode format
+  require("luasnip.loaders.from_vscode").lazy_load()
+  require("luasnip.loaders.from_vscode").lazy_load { paths = vim.g.vscode_snippets_path or "" }
+
+  -- snipmate format
+  require("luasnip.loaders.from_snipmate").load()
+  require("luasnip.loaders.from_snipmate").lazy_load { paths = vim.g.snipmate_snippets_path or "" }
+
+  -- lua format
+  require("luasnip.loaders.from_lua").load()
+  require("luasnip.loaders.from_lua").lazy_load { paths = vim.g.lua_snippets_path or "" }
+
+  vim.api.nvim_create_autocmd("InsertLeave", {
+    callback = function()
+      if
+        require("luasnip").session.current_nodes[vim.api.nvim_get_current_buf()]
+        and not require("luasnip").session.jump_active
+      then
+        require("luasnip").unlink_current()
+      end
+    end,
+  })
+end
+
+M.gitsigns = {
+  signs = {
+    add = { text = "│" },
+    change = { text = "│" },
+    delete = { text = "󰍵" },
+    topdelete = { text = "‾" },
+    changedelete = { text = "~" },
+    untracked = { text = "│" },
+  },
+  on_attach = function(bufnr)
+    utils.load_mappings("gitsigns", { buffer = bufnr })
+  end,
+}
+
+return M
diff --git a/nvim/nvchad/lua/plugins/configs/telescope.lua b/nvim/nvchad/lua/plugins/configs/telescope.lua
new file mode 100644
index 0000000..784fb19
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/telescope.lua
@@ -0,0 +1,55 @@
+local options = {
+  defaults = {
+    vimgrep_arguments = {
+      "rg",
+      "-L",
+      "--color=never",
+      "--no-heading",
+      "--with-filename",
+      "--line-number",
+      "--column",
+      "--smart-case",
+    },
+    prompt_prefix = "   ",
+    selection_caret = "  ",
+    entry_prefix = "  ",
+    initial_mode = "insert",
+    selection_strategy = "reset",
+    sorting_strategy = "ascending",
+    layout_strategy = "horizontal",
+    layout_config = {
+      horizontal = {
+        prompt_position = "top",
+        preview_width = 0.55,
+        results_width = 0.8,
+      },
+      vertical = {
+        mirror = false,
+      },
+      width = 0.87,
+      height = 0.80,
+      preview_cutoff = 120,
+    },
+    file_sorter = require("telescope.sorters").get_fuzzy_file,
+    file_ignore_patterns = { "node_modules" },
+    generic_sorter = require("telescope.sorters").get_generic_fuzzy_sorter,
+    path_display = { "truncate" },
+    winblend = 0,
+    border = {},
+    borderchars = { "─", "│", "─", "│", "╭", "╮", "╯", "╰" },
+    color_devicons = true,
+    set_env = { ["COLORTERM"] = "truecolor" }, -- default = nil,
+    file_previewer = require("telescope.previewers").vim_buffer_cat.new,
+    grep_previewer = require("telescope.previewers").vim_buffer_vimgrep.new,
+    qflist_previewer = require("telescope.previewers").vim_buffer_qflist.new,
+    -- Developer configurations: Not meant for general override
+    buffer_previewer_maker = require("telescope.previewers").buffer_previewer_maker,
+    mappings = {
+      n = { ["q"] = require("telescope.actions").close },
+    },
+  },
+
+  extensions_list = { "themes", "terms" },
+}
+
+return options
diff --git a/nvim/nvchad/lua/plugins/configs/treesitter.lua b/nvim/nvchad/lua/plugins/configs/treesitter.lua
new file mode 100644
index 0000000..b21b55d
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/configs/treesitter.lua
@@ -0,0 +1,12 @@
+local options = {
+  ensure_installed = { "lua" },
+
+  highlight = {
+    enable = true,
+    use_languagetree = true,
+  },
+
+  indent = { enable = true },
+}
+
+return options
diff --git a/nvim/nvchad/lua/plugins/init.lua b/nvim/nvchad/lua/plugins/init.lua
new file mode 100644
index 0000000..bce7140
--- /dev/null
+++ b/nvim/nvchad/lua/plugins/init.lua
@@ -0,0 +1,253 @@
+-- All plugins have lazy=true by default,to load a plugin on startup just lazy=false
+-- List of all default plugins & their definitions
+local default_plugins = {
+
+  "nvim-lua/plenary.nvim",
+
+  {
+    "NvChad/base46",
+    branch = "v2.0",
+    build = function()
+      require("base46").load_all_highlights()
+    end,
+  },
+
+  {
+    "NvChad/ui",
+    branch = "v2.0",
+    lazy = false,
+  },
+
+  {
+    "NvChad/nvterm",
+    init = function()
+      require("core.utils").load_mappings "nvterm"
+    end,
+    config = function(_, opts)
+      require "base46.term"
+      require("nvterm").setup(opts)
+    end,
+  },
+
+  {
+    "NvChad/nvim-colorizer.lua",
+    event = "User FilePost",
+    config = function(_, opts)
+      require("colorizer").setup(opts)
+
+      -- execute colorizer as soon as possible
+      vim.defer_fn(function()
+        require("colorizer").attach_to_buffer(0)
+      end, 0)
+    end,
+  },
+
+  {
+    "nvim-tree/nvim-web-devicons",
+    opts = function()
+      return { override = require "nvchad.icons.devicons" }
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "devicons")
+      require("nvim-web-devicons").setup(opts)
+    end,
+  },
+
+  {
+    "lukas-reineke/indent-blankline.nvim",
+    version = "2.20.7",
+    event = "User FilePost",
+    opts = function()
+      return require("plugins.configs.others").blankline
+    end,
+    config = function(_, opts)
+      require("core.utils").load_mappings "blankline"
+      dofile(vim.g.base46_cache .. "blankline")
+      require("indent_blankline").setup(opts)
+    end,
+  },
+
+  {
+    "nvim-treesitter/nvim-treesitter",
+    event = { "BufReadPost", "BufNewFile" },
+    tag = "v0.9.2",
+    cmd = { "TSInstall", "TSBufEnable", "TSBufDisable", "TSModuleInfo" },
+    build = ":TSUpdate",
+    opts = function()
+      return require "plugins.configs.treesitter"
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "syntax")
+      require("nvim-treesitter.configs").setup(opts)
+    end,
+  },
+
+  -- git stuff
+  {
+    "lewis6991/gitsigns.nvim",
+    event = "User FilePost",
+    opts = function()
+      return require("plugins.configs.others").gitsigns
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "git")
+      require("gitsigns").setup(opts)
+    end,
+  },
+
+  -- lsp stuff
+  {
+    "williamboman/mason.nvim",
+    cmd = { "Mason", "MasonInstall", "MasonInstallAll", "MasonUpdate" },
+    opts = function()
+      return require "plugins.configs.mason"
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "mason")
+      require("mason").setup(opts)
+
+      -- custom nvchad cmd to install all mason binaries listed
+      vim.api.nvim_create_user_command("MasonInstallAll", function()
+        if opts.ensure_installed and #opts.ensure_installed > 0 then
+          vim.cmd("MasonInstall " .. table.concat(opts.ensure_installed, " "))
+        end
+      end, {})
+
+      vim.g.mason_binaries_list = opts.ensure_installed
+    end,
+  },
+
+  {
+    "neovim/nvim-lspconfig",
+    event = "User FilePost",
+    config = function()
+      require "plugins.configs.lspconfig"
+    end,
+  },
+
+  -- load luasnips + cmp related in insert mode only
+  {
+    "hrsh7th/nvim-cmp",
+    event = "InsertEnter",
+    dependencies = {
+      {
+        -- snippet plugin
+        "L3MON4D3/LuaSnip",
+        dependencies = "rafamadriz/friendly-snippets",
+        opts = { history = true, updateevents = "TextChanged,TextChangedI" },
+        config = function(_, opts)
+          require("plugins.configs.others").luasnip(opts)
+        end,
+      },
+
+      -- autopairing of (){}[] etc
+      {
+        "windwp/nvim-autopairs",
+        opts = {
+          fast_wrap = {},
+          disable_filetype = { "TelescopePrompt", "vim" },
+        },
+        config = function(_, opts)
+          require("nvim-autopairs").setup(opts)
+
+          -- setup cmp for autopairs
+          local cmp_autopairs = require "nvim-autopairs.completion.cmp"
+          require("cmp").event:on("confirm_done", cmp_autopairs.on_confirm_done())
+        end,
+      },
+
+      -- cmp sources plugins
+      {
+        "saadparwaiz1/cmp_luasnip",
+        "hrsh7th/cmp-nvim-lua",
+        "hrsh7th/cmp-nvim-lsp",
+        "hrsh7th/cmp-buffer",
+        "hrsh7th/cmp-path",
+      },
+    },
+    opts = function()
+      return require "plugins.configs.cmp"
+    end,
+    config = function(_, opts)
+      require("cmp").setup(opts)
+    end,
+  },
+
+  {
+    "numToStr/Comment.nvim",
+    keys = {
+      { "gcc", mode = "n", desc = "Comment toggle current line" },
+      { "gc", mode = { "n", "o" }, desc = "Comment toggle linewise" },
+      { "gc", mode = "x", desc = "Comment toggle linewise (visual)" },
+      { "gbc", mode = "n", desc = "Comment toggle current block" },
+      { "gb", mode = { "n", "o" }, desc = "Comment toggle blockwise" },
+      { "gb", mode = "x", desc = "Comment toggle blockwise (visual)" },
+    },
+    init = function()
+      require("core.utils").load_mappings "comment"
+    end,
+    config = function(_, opts)
+      require("Comment").setup(opts)
+    end,
+  },
+
+  -- file managing , picker etc
+  {
+    "nvim-tree/nvim-tree.lua",
+    cmd = { "NvimTreeToggle", "NvimTreeFocus" },
+    init = function()
+      require("core.utils").load_mappings "nvimtree"
+    end,
+    opts = function()
+      return require "plugins.configs.nvimtree"
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "nvimtree")
+      require("nvim-tree").setup(opts)
+    end,
+  },
+
+  {
+    "nvim-telescope/telescope.nvim",
+    dependencies = { "nvim-treesitter/nvim-treesitter" },
+    cmd = "Telescope",
+    init = function()
+      require("core.utils").load_mappings "telescope"
+    end,
+    opts = function()
+      return require "plugins.configs.telescope"
+    end,
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "telescope")
+      local telescope = require "telescope"
+      telescope.setup(opts)
+
+      -- load extensions
+      for _, ext in ipairs(opts.extensions_list) do
+        telescope.load_extension(ext)
+      end
+    end,
+  },
+
+  -- Only load whichkey after all the gui
+  {
+    "folke/which-key.nvim",
+    keys = { "<leader>", "<c-r>", "<c-w>", '"', "'", "`", "c", "v", "g" },
+    init = function()
+      require("core.utils").load_mappings "whichkey"
+    end,
+    cmd = "WhichKey",
+    config = function(_, opts)
+      dofile(vim.g.base46_cache .. "whichkey")
+      require("which-key").setup(opts)
+    end,
+  },
+}
+
+local config = require("core.utils").load_config()
+
+if #config.plugins > 0 then
+  table.insert(default_plugins, { import = config.plugins })
+end
+
+require("lazy").setup(default_plugins, config.lazy_nvim)
diff --git a/polybar/config.ini b/polybar/config.ini
new file mode 100644
index 0000000..b2352b6
--- /dev/null
+++ b/polybar/config.ini
@@ -0,0 +1,470 @@
+;=====================================================
+;
+;   To learn more about how to configure Polybar
+;   go to https://github.com/jaagr/polybar
+;
+;   The README contains alot of information
+;
+;=====================================================
+
+[colors]
+background = #1d2021
+background-alt = #3c3836
+foreground = #ebdbb2
+foreground-alt = #ebdbb2
+primary = #689d68
+secondary = #e60053
+alert = #bd2c40
+
+[bar/top]
+width = 100%
+height = 30
+offset-x = 0%
+offset-y = 0%
+radius = 0
+fixed-center = true
+
+background = ${colors.background}
+foreground = ${colors.foreground}
+
+line-size = 2
+line-color = #f00
+
+border-size = 0
+border-bottom-size = 0
+border-color = #00000000
+
+padding-left = 3
+padding-right = 3
+
+module-margin-left = 1
+module-margin-right = 1
+
+font-0 = "JetBrainsMono Nerd Font:pixelsize=10;3"
+font-1 = "Font Awesome 6 Free Solid:pixelsize=10;3"
+font-2 = "feather:size=12;3"
+
+modules-left = whoami xwindow  
+modules-center = i3 
+modules-right = mpd memory cpu temperature volume date powermenu
+
+
+tray-position = right
+wm-restack = i3
+
+scroll-up = i3wm-wsnext
+scroll-down = i3wm-wsprev
+
+[module/xwindow]
+type = internal/xwindow
+label =  %title:0:20:...%
+label-empty = "None"
+label-empty-foreground = ${colors.cyan}
+format-prefix = "  "
+
+[module/whoami]
+type = custom/script
+exec = whoami
+interval = 3600
+format =  <label>
+
+[module/xkeyboard]
+type = internal/xkeyboard
+blacklist-0 = num lock
+
+format-prefix = " "
+format-prefix-foreground = ${colors.foreground-alt}
+
+label-layout = %layout%
+label-indicator-padding = 2
+label-indicator-margin = 1
+label-indicator-background = ${colors.secondary}
+
+[module/filesystem]
+type = internal/fs
+interval = 25
+
+mount-0 = /
+
+label-mounted = %{F#0a81f5}%mountpoint%%{F-}: %percentage_used%%
+label-unmounted = %mountpoint% not mounted
+label-unmounted-foreground = ${colors.foreground-alt}
+
+[module/bspwm]
+type = internal/bspwm
+
+label-focused = %index%
+label-focused-background = #32302f
+label-focused-underline= ${colors.primary}
+label-focused-padding = 2
+
+label-occupied = %index%
+label-occupied-padding = 2
+
+label-urgent = %index%!
+label-urgent-background = ${colors.alert}
+label-urgent-padding = 2
+
+label-empty = %index%
+label-empty-foreground = ${colors.foreground-alt}
+label-empty-padding = 2
+
+[module/i3]
+type = internal/i3
+format = <label-state> <label-mode>
+index-sort = true
+wrapping-scroll = true
+strip-wsnumbers = true
+
+; Only show workspaces on the same output as the bar
+pin-workspaces = true
+
+label-mode-padding = 4
+label-mode-foreground = #000
+label-mode-background = ${colors.primary}
+
+; focused = Active workspace on focused monitor
+label-focused = %icon%
+label-focused-background = ${module/bspwm.label-focused-background}
+label-focused-underline = ${colors.primary}
+label-focused-padding = ${module/bspwm.label-focused-padding}
+
+; unfocused = Inactive workspace on any monitor
+label-unfocused =  %icon%
+label-unfocused-padding = ${module/bspwm.label-occupied-padding}
+
+; visible = Active workspace on unfocused monitor
+label-visible = %icon%
+label-visible-background = ${self.label-focused-background}
+label-visible-underline = ${self.label-focused-underline}
+label-visible-padding = ${self.label-focused-padding}
+
+; urgent = Workspace with urgency hint set
+label-urgent =  %icon%
+label-urgent-background = ${module/bspwm.label-urgent-background}
+label-urgent-padding = ${module/bspwm.label-urgent-padding}
+
+ws-icon-0 = 1;1
+ws-icon-1 = 2;2
+ws-icon-2 = 3;3 
+ws-icon-3 = 4;4
+ws-icon-4 = 5;5
+ws-icon-5 = 6;5
+ws-icon-6 = 7;7
+ws-icon-7 = 8;8
+ws-icon-8 = 9;9
+
+[module/mpd]
+type = internal/mpd
+
+; Host where mpd is running (either ip or domain name)
+; Can also be the full path to a unix socket where mpd is running.
+;;host = 127.0.0.1
+;;port = 6600
+;;password = mysecretpassword
+
+; Seconds to sleep between progressbar/song timer sync
+; Default: 1
+interval = 1
+
+format-online = <label-song> <icon-prev> <toggle> <icon-next>
+format-online-prefix = ﱘ
+format-online-foreground = ${color.foreground}
+
+format-offline = <label-offline>
+format-offline-prefix = ﱘ
+format-offline-foreground = ${color.foreground}
+
+label-song =  " %artist% - %title%"
+label-song-maxlen = 25
+label-song-ellipsis = true
+label-time = %elapsed% / %total%
+label-offline = " Offline"
+
+; Only applies if <icon-X> is used
+icon-play = 
+icon-pause = 
+icon-stop = 
+icon-prev = 
+icon-next = 
+icon-seekb = 
+icon-seekf = 
+icon-random = 
+icon-repeat = 
+icon-repeatone = 
+icon-single = 
+icon-consume = 
+
+; Used to display the state of random/repeat/repeatone/single
+; Only applies if <icon-[random|repeat|repeatone|single]> is used
+toggle-on-foreground = ${color.primary}
+toggle-off-foreground = ${color.red}
+
+[module/xbacklight]
+type = internal/xbacklight
+
+format = <label> <bar>
+label = %percentage%%
+
+bar-width = 10
+bar-indicator = |
+bar-indicator-foreground = #ff
+bar-indicator-font = 2
+bar-fill = ─
+bar-fill-font = 2
+bar-fill-foreground = #9f78e1
+bar-empty = ─
+bar-empty-font = 2
+bar-empty-foreground = ${colors.foreground-alt}
+
+[module/backlight-acpi]
+inherit = module/xbacklight
+card = intel_backlight
+label =  %percentage%%
+
+ramp-0 = 🌕
+ramp-1 = 🌔
+ramp-2 = 🌓
+ramp-3 = 🌒
+ramp-4 = 🌑
+
+
+[module/cpu]
+type = internal/cpu
+interval = 2
+format-prefix = "%{T3} %{T-}"
+format-warn-prefix = "%{T3} %{T-}"
+format-warn-foreground = ${colors.secondary}
+format-prefix-foreground = ${colors.foreground-alt}
+format-warn = <label-warn>
+
+label = %percentage%%
+label-warn = %percentage%%
+label-warn-foreground = ${colors.secondary}
+
+[module/memory]
+type = internal/memory
+interval = 2
+format-prefix = "%{T3} %{T-}"
+format-warn-prefix = "%{T3} %{T-}"
+format-prefix-foreground = ${colors.foreground-alt}
+format-warn-foreground = ${colors.secondary}
+format-warn = <label-warn>
+
+label = %percentage_used%%
+label-warn = %percentage_used%%
+label-warn-foreground = ${colors.secondary}
+
+[module/wlan]
+type = internal/network
+interface = wlp8s0
+
+interval = 3.0
+
+format-connected =  <label-connected>
+format-packetloss = <animation-packetloss> <label-connected>
+
+label-connected = %essid% %downspeed:9%
+label-connected-foreground = #eefafafa
+
+; Only applies if <animation-packetloss> is used
+animation-packetloss-0 = ⚠
+animation-packetloss-0-foreground = #ffa64c
+animation-packetloss-1 = 📶
+animation-packetloss-1-foreground = #000000
+; Framerate in milliseconds
+animation-packetloss-framerate = 500
+
+[module/eth]
+type = internal/network
+interface = enx582c80139263
+interval = 3.0
+accumulate-stats = true
+
+format-connected-underline = #55aa55
+format-connected-prefix = " "
+format-connected-foreground-foreground = ${colors.foreground-alt}
+label-connected = %local_ip%
+
+format-disconnected-underline = ${self.format-connected-underline}
+label-disconnected = %ifname% disconnected
+
+[module/date]
+type = internal/date
+interval = 5
+
+date = " %A, %B %d"
+date-alt = " %Y-%m-%d"
+
+time = %H:%M
+time-alt = %H:%M:%S
+
+format-prefix = 
+format-prefix-foreground = #ebdbb2
+format-background = #32302f
+format-padding = 3
+
+label = %date% %time%
+
+[module/volume]
+type = internal/pulseaudio
+
+use-ui-max = false
+format-volume = <label-volume>
+label-volume = " %percentage%% "
+label-volume-foreground = ${root.foreground}
+label-muted = "  "
+label-muted-foreground = #666
+format-padding = 1
+
+ramp-volume-0 = 
+
+
+[module/battery]
+type = internal/battery
+
+; This is useful in case the battery never reports 100% charge
+full-at = 99
+
+; Use the following command to list batteries and adapters:
+; $ ls -1 /sys/class/power_supply/
+battery = BAT1
+adapter = ACAD
+
+; If an inotify event haven't been reported in this many
+; seconds, manually poll for new values.
+;
+; Needed as a fallback for systems that don't report events
+; on sysfs/procfs.
+;
+; Disable polling by setting the interval to 0.
+;
+; Default: 5
+poll-interval = 5
+
+; see "man date" for details on how to format the time string
+; NOTE: if you want to use syntax tags here you need to use %%{...}
+; Default: %H:%M:%S
+time-format = %H:%M
+
+; Available tags:
+;   <label-charging> (default)
+;   <bar-capacity>
+;   <ramp-capacity>
+;   <animation-charging>
+format-charging = <animation-charging> <label-charging>
+
+; Available tags:
+;   <label-discharging> (default)
+;   <bar-capacity>
+;   <ramp-capacity>
+format-discharging = <ramp-capacity> <label-discharging>
+
+; Available tags:
+;   <label-full> (default)
+;   <bar-capacity>
+;   <ramp-capacity>
+;format-full = <ramp-capacity> <label-full>
+
+; Available tokens:
+;   %percentage% (default)
+;   %time%
+;   %consumption% (shows current charge rate in watts)
+label-charging = Charging %percentage%%
+
+; Available tokens:
+;   %percentage% (default)
+;   %time%
+;   %consumption% (shows current discharge rate in watts)
+label-discharging = %percentage%%
+
+; Available tokens:
+;   %percentage% (default)
+label-full = Fully charged
+
+; Only applies if <ramp-capacity> is used
+ramp-capacity-0 = 
+ramp-capacity-1 = 
+ramp-capacity-2 = 
+ramp-capacity-3 = 
+ramp-capacity-4 = 
+
+; Only applies if <bar-capacity> is used
+bar-capacity-width = 10
+
+; Only applies if <animation-charging> is used
+animation-charging-0 = 
+animation-charging-1 = 
+animation-charging-2 = 
+animation-charging-3 = 
+animation-charging-4 = 
+; Framerate in milliseconds
+animation-charging-framerate = 750
+
+[module/temperature]
+type = internal/temperature
+thermal-zone = 0
+; Full path of temperature sysfs path
+; Use `sensors` to find preferred temperature source, then run
+; $ for i in /sys/class/hwmon/hwmon*/temp*_input; do echo "$(<$(dirname $i)/name): $(cat ${i%_*}_label 2>/dev/null || echo $(basename ${i%_*})) $(readlink -f $i)"; done
+; to find path to desired file
+; Default reverts to thermal zone setting
+;;hwmon-path = /sys/devices/platform/coretemp.0/hwmon/hwmon2/temp1_input
+hwmon-path = /sys/devices/pci0000:00/0000:00:18.3/hwmon/hwmon4/temp1_input
+warn-temperature = 65
+
+format = <label>
+format-prefix = "%{T3} %{T-}"
+format-warn-prefix = "%{T3} %{T-}"
+format-warn-foreground = ${colors.secondary}
+format-underline = #00000000
+format-warn = <label-warn>
+format-warn-underline = ${self.format-underline}
+
+label = %temperature%
+label-warn = %temperature%
+label-warn-foreground = ${colors.secondary}
+
+ramp-0 = 
+ramp-1 = 
+ramp-2 = 
+ramp-3 = 
+ramp-4 = 
+ramp-foreground = ${colors.foreground-alt}
+
+[module/powermenu]
+type = custom/menu
+
+format-spacing = 1
+
+label-open = 
+label-close =  cancel
+label-close-foreground = ${colors.secondary}
+label-separator = |
+label-separator-foreground = ${colors.foreground-alt}
+
+menu-0-0 = reboot
+menu-0-0-exec = menu-open-1
+menu-0-1 = power off
+menu-0-1-exec = menu-open-2
+
+menu-1-0 = cancel
+menu-1-0-exec = menu-open-0
+menu-1-1 = reboot
+menu-1-1-exec = sudo reboot
+
+menu-2-0 = power off
+menu-2-0-exec = sudo poweroff
+menu-2-1 = cancel
+menu-2-1-exec = menu-open-0
+
+
+modules-left = cpu ram battery
+
+[settings]
+screenchange-reload = true
+
+[global/wm]
+margin-top = 5
+margin-bottom = 5
+
diff --git a/polybar/launch.sh b/polybar/launch.sh
new file mode 100755
index 0000000..e39b321
--- /dev/null
+++ b/polybar/launch.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+killall -q polybar
+
+polybar --config=$HOME/.config/polybar/config.ini top
diff --git a/rofi/config.rasi b/rofi/config.rasi
new file mode 100644
index 0000000..49ac160
--- /dev/null
+++ b/rofi/config.rasi
@@ -0,0 +1,16 @@
+configuration {
+    show-icons: true;
+    font: "JetBrains Mono 12";
+    icon-theme: "Papirus-Dark";
+
+    display-ssh:    "󰣀 ssh:";
+    display-run:    "󱓞 run:";
+    display-drun:   "󰣖 drun:";
+    display-window: "󱂬 window:";
+    display-combi:  "󰕘 combi:";
+    display-filebrowser: "󰉋 filebrowser:";
+
+    dpi: 120;
+}
+
+@theme "gruvbox-material"
\ No newline at end of file
diff --git a/rofi/gruvbox-material.rasi b/rofi/gruvbox-material.rasi
new file mode 100644
index 0000000..641caa6
--- /dev/null
+++ b/rofi/gruvbox-material.rasi
@@ -0,0 +1,144 @@
+/**
+ * Gruvbox rofi theme
+ *
+ * Color palette imported from https://github.com/sainnhe/gruvbox-material
+ *
+ */
+
+* {
+	gruv0: #282828;
+	gruv1: #32302f;
+	gruv2: #45403d;
+	gruv3: #5a524c;
+
+	gruv4: #fbf1c7;
+	gruv5: #f4e8be;
+	gruv6: #eee0b7;
+
+	gruv7: #a89984;
+	gruv8: #928374;
+	gruv9: #7c6f64;
+	gruv10: #504945;
+	red: #ea6962;
+
+	orange: #e78a4e;
+	yellow: #d8a657;
+	aqua: #89b482;
+	purple: #d3869b;
+
+    reddark: #c14a4a;
+    yellowdark: #b47109;
+
+    foreground:  @gruv9;
+    background-color:  transparent;
+    
+    highlight: underline bold #eee0b7;
+
+    transparent: rgba(46,52,64,0);
+
+}
+
+window {
+    location: center;
+    anchor:   center;
+    height: 560px;
+    width: 600px;
+
+    background-color: @transparent;
+    spacing: 0;
+    children:  [mainbox];
+    orientation: horizontal;
+}
+
+mainbox {
+    spacing: 0;
+    children: [ inputbar, message, listview ];
+}
+
+message {
+    padding: 10px;
+    border:  0px 2px 2px 2px;
+    border-color: @gruv0;
+    background-color: @gruv7;
+}
+
+inputbar {
+    color: @gruv6;
+    padding: 14px;
+    background-color: @gruv0;
+    border-color: @gruv0;
+
+    border: 1px;
+}
+
+entry, prompt, case-indicator {
+    text-font: inherit;
+    text-color: inherit;
+}
+
+prompt {
+    margin: 0px 1em 0em 0em ;
+}
+
+listview {
+    padding: 8px;
+    border: 2px 2px 2px 2px;
+    border-color: @gruv0;
+    background-color: @gruv0;
+    dynamic: false;
+}
+
+element {
+    padding: 5px;
+    vertical-align: 0.5;
+    color: @foreground;
+    text-color: @gruv6;
+    background-color: @gruv1;
+}
+
+element.normal.active {
+    background-color: @yellow;
+}
+
+element.normal.urgent {
+    background-color: @reddark;
+}
+
+element.selected.normal {
+    background-color: @gruv7;
+    text-color: @gruv0;
+}
+
+element.selected.active {
+    background-color: @yellowdark;
+}
+
+element.selected.urgent {
+    background-color: @red;
+}
+
+element.alternate.normal {
+    background-color: @transparent;
+}
+
+element-text, element-icon {
+    size: 3ch;
+    margin: 0 10 0 0;
+    vertical-align: 0.5;
+    background-color: inherit;
+    text-color: @gruv6;
+}
+
+button {
+    padding: 6px;
+    color: @foreground;
+    horizontal-align: 0.5;
+
+    border: 2px 0px 2px 2px;
+    border-color: @foreground;
+}
+
+button.selected.normal {
+    border: 2px 0px 2px 2px;
+    border-color: @foreground;
+}
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-active.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..4b74285
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 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 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-hover.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..8a1d351
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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"
+       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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..8dba5df
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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: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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..dcf8298
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..ed66559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 0000000..65c1901
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-off.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..b3a73fa
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-active.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..0dde2b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-hover.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..37f8806
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close.svg
new file mode 100644
index 0000000..5dcc697
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/corner-ripple.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..6440b6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-dark.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 0000000..375c388
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-off.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..27a8ab4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-off.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..23f9373
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..510abf1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/assets/trash-icon.svg b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..d78a123
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/cinnamon.css b/themes/Gruvbox-Dark-B-LB/cinnamon/cinnamon.css
new file mode 100644
index 0000000..22f709b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/cinnamon.css
@@ -0,0 +1,2267 @@
+stage {
+  font-size: 9pt;
+  color: #ddc7a1;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.sound-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #d4be98;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #ddc7a1;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(40, 40, 40, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: #504945;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #473c29;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(221, 199, 161, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #7daea3;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #45707a;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  border: 2px solid #ddc7a1;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: #ddc7a1;
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #89b482;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.panel-dummy {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(234, 105, 98, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(20, 22, 23, 0.9);
+  border: 1px solid rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #d4be98;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #d4be98;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #d4be98;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(221, 199, 161, 0);
+  background-color: rgba(221, 199, 161, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #d4be98;
+  background-color: #16161e;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #16161e;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.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.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #504945;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  background-color: #1d2021;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #504945;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #ddc7a1;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(221, 199, 161, 0.25);
+}
+
+.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');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #ddc7a1;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(221, 199, 161, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #ddc7a1;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(221, 199, 161, 0.3);
+  font-weight: bold;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #ddc7a1;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #ddc7a1;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #ddc7a1;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #d4be98;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border: 0px solid #d4be98;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #ddc7a1;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #ddc7a1;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #ea6962;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #ddc7a1;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #d4be98;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #ddc7a1;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #d8a657;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.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: #d4be98;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #ddc7a1;
+}
+
+.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;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #ea6962;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(20, 22, 23, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #ddc7a1;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(20, 22, 23, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(221, 199, 161, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #ddc7a1;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #ddc7a1;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.75);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 0;
+  background-color: rgba(29, 32, 33, 0.75);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #d4be98;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.25);
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(221, 199, 161, 0.7) 0%,
+    rgba(221, 199, 161, 0.7) 100%
+  );
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #1d2021;
+  border-radius: 6px;
+  color: #ddc7a1;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #d4be98;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(221, 199, 161, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.2);
+  border-color: #d4be98;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f2231;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #d4be98;
+}
+
+.workspace-button:hover {
+  color: #ddc7a1;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #d4be98;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(60, 56, 54, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(60, 56, 54, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(80, 73, 69, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(40, 40, 40, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #ddc7a1;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #ddc7a1;
+}
+
+.desklet:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #ddc7a1;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+.photoframe-box {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
+
diff --git a/themes/Gruvbox-Dark-B-LB/cinnamon/thumbnail.png b/themes/Gruvbox-Dark-B-LB/cinnamon/thumbnail.png
new file mode 100644
index 0000000..743fcd2
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/cinnamon/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/applogo.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/applogo.svg
new file mode 100644
index 0000000..eedf912
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/applogo.svg
@@ -0,0 +1,293 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="88.954416"
+     inkscape:cy="129.67577"
+     inkscape:window-width="1880"
+     inkscape:window-height="956"
+     inkscape:window-x="55"
+     inkscape:window-y="55"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g22"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#ebdbb2;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..ec8b478
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..6fc5556
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-today.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 0000000..5e77084
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg10621"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs10623">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient99561-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient34508-1-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop34510-1-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop34512-4-5" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient10592"
+       xlink:href="#linearGradient34508-1-3"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3770"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3007"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3067"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3072"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient2997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-23.537329"
+     inkscape:cy="-31.442864"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2133"
+     inkscape:window-height="1241"
+     inkscape:window-x="238"
+     inkscape:window-y="88"
+     inkscape:window-maximized="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3109"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata10626">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-469.08263,-537.99307)">
+    <circle
+       style="color:#000000;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:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path7305"
+       cx="481.57138"
+       cy="559.4649"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 0000000..5bc9d3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="5.2540541"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#e0e0e0"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-off.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..0c5e5a0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..63c390c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="7.8054054"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#333333"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/dash-placeholder.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..172156a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-events.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..239177d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-notifications.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..ae09f92
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/noise-texture.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 0000000..484f6c8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/process-working.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..eedadce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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 -4v-3z"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off-dark.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..3acc14a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..7610680
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="-9.9099099"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#e0e0e0"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     style="fill:#313744"
+     id="circle4" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..4685294
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="7.6756757"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#333333"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     id="circle4"
+     style="fill:#ffffff" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/gnome-shell.css b/themes/Gruvbox-Dark-B-LB/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..b11b78d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/gnome-shell.css
@@ -0,0 +1,4629 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.background-app-item .title,
+.world-clocks-button .world-clocks-header {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container,
+.background-app-item .subtitle {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(221, 199, 161, 0.3);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #d4be98;
+  -pie-background-color: rgba(221, 199, 161, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #d4be98;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #ddc7a1;
+  border-radius: 24px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(40, 40, 40, 0.65);
+  color: #e9b143;
+  border-radius: 24px;
+  border-image: none;
+  background-image: none;
+}
+
+show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(40, 40, 40, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(40, 40, 40, 0.65);
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(40, 40, 40, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: none;
+  border: 2px solid #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 24px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #ddc7a1 !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr,
+.rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #7daea3;
+}
+
+.shell-link:hover {
+  color: #45707a;
+  background-color: rgba(125, 174, 163, 0.15);
+}
+
+.shell-link:active {
+  color: #266b79;
+  background-color: rgba(125, 174, 163, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.hotplug-notification-item,
+.icon-button,
+.background-app-item .close-button,
+.button {
+  color: #ddc7a1;
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.background-app-item .close-button:focus,
+.button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.background-app-item .close-button:hover,
+.button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.hotplug-notification-item:active,
+.icon-button:active,
+.background-app-item .close-button:active,
+.button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.background-app-item .close-button:insensitive,
+.button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #1d2021;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:outlined,
+.screenshot-ui-type-button:outlined,
+.unlock-dialog .cancel-button:outlined,
+.unlock-dialog .switch-user-button:outlined,
+.unlock-dialog .login-dialog-session-list-button:outlined,
+.unlock-dialog .modal-dialog-button:outlined,
+.screenshot-ui-show-pointer-button:checked,
+.screenshot-ui-type-button:checked,
+.unlock-dialog .cancel-button:checked,
+.unlock-dialog .switch-user-button:checked,
+.unlock-dialog .login-dialog-session-list-button:checked,
+.unlock-dialog .modal-dialog-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button,
+.background-app-item .close-button {
+  border-radius: 9999px;
+  padding: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.icon-button StIcon,
+.background-app-item .close-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none;
+}
+
+#calendarArea {
+  padding: 4px;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: none;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px 12px;
+  margin: 0;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+  margin: 4px;
+}
+
+.datemenu-today-button:ltr {
+  margin-left: 4px;
+}
+
+.datemenu-today-button:rtl {
+  margin-right: 4px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(221, 199, 161, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7) !important;
+  background-color: rgba(221, 199, 161, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1 !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #7daea3;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #e9b143;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #d3869b;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(221, 199, 161, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 4px 0 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  font-weight: bold;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.events-button .event-time {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-city {
+  font-weight: bold;
+  font-size: 11pt;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.world-clocks-button .world-clocks-time {
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+  color: #ddc7a1;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(212, 190, 152, 0.35);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #e9b143;
+  border-radius: 12px;
+  padding: 6px 12px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  text-align: center;
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+  margin: 15px;
+  border: 2px solid #ddc7a1;
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #ddc7a1;
+  background-color: #ae5858;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #ddc7a1;
+  background-color: #266b79;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(212, 190, 152, 0.05);
+  color: rgba(212, 190, 152, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #d8a657;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  text-align: center;
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #ea6982;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #d8a657;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry,
+.login-dialog StEntry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(221, 199, 161, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.candidate-box:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #282828;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: #3c3836;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key:grayed {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #282828;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #ddc7a1;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #d4be98;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #282828;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #d4be98;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: #282828;
+  background-image: url('background.png');
+  background-size: cover;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+#panel.login-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.login-dialog {
+  color: #ddc7a1;
+}
+
+.login-dialog StEntry {
+  border-radius: 9999px;
+}
+
+.login-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.login-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.unlock-dialog {
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon StIcon {
+  background-color: #1d2021 !important;
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.unlock-dialog .user-widget-label {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #d8a657;
+}
+
+.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: #ddc7a1;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #d4be98;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(221, 199, 161, 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:focus {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(221, 199, 161, 0.3) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(221, 199, 161, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #282828 !important;
+  spacing: 6px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 12px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #ddc7a1 !important;
+  border: 2px solid #d4be98;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  box-shadow: inset 0 -1px 0 rgba(221, 199, 161, 0.12);
+  spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+  icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: inset 0 -2px 0 #d4be98;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #7daea3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #45707a;
+}
+
+.lg-dialog .shell-link:active {
+  color: #266b79;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #ddc7a1;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: #ddc7a1 !important;
+  padding: 12px;
+  box-shadow: none;
+  border: 2px solid #d4be98;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(221, 199, 161, 0.7) !important;
+  background: #282828 !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #ddc7a1;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(221, 199, 161, 0.12);
+  padding: 0;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 8px;
+  padding-right: 10px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  padding-left: 10px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 4px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+  border-radius: 12px;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+  color: #ddc7a1;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-close-button {
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button,
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #ddc7a1;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message .message-body {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.url-highlighter {
+  link-color: #7daea3;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message-media-control:hover,
+.message-media-control:focus,
+.message-media-control:active {
+  color: #ddc7a1;
+}
+
+.message-media-control:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #ddc7a1;
+}
+
+.user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon.user-avatar {
+  border: 2px solid #d4be98;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #d8a657;
+}
+
+/* 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: #ddc7a1;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 30em;
+  min-height: 65px;
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  text-shadow: none;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+}
+
+.notification-banner:hover {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(221, 199, 161, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.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(221, 199, 161, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  min-width: 160px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.15);
+  color: #ddc7a1;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.15);
+  -barlevel-active-background-color: #ddc7a1;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(221, 199, 161, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #ddc7a1;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: #1d2021;
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(221, 199, 161, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #ddc7a1;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  font-size: 11pt;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  height: 35px;
+  margin: 4px 10px 1px;
+  border: 2px solid #ddc7a1;
+  border-radius: 50px;
+  box-shadow: none;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(29, 32, 33, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  transition-duration: 150ms;
+  text-shadow: none;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display {
+  -natural-hpadding: 0;
+  -minimum-hpadding: 0;
+  border: none;
+}
+
+#panel .panel-button.clock-display .clock-display-box {
+  spacing: 3px;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  padding-left: 12px;
+  padding-right: 12px;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:active:hover,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:focus:hover,
+#panel .panel-button.clock-display:checked,
+#panel .panel-button.clock-display:checked:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:active:hover .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:focus:hover .clock,
+#panel .panel-button.clock-display:checked .clock,
+#panel .panel-button.clock-display:checked:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 6px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .appindicator-trayicons-box {
+  margin: 0 6px;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
+#panel
+  Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
+  -natural-hpadding: 18px !important;
+  -minimum-hpadding: 18px !important;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview .panel-button,
+#panel.unlock-screen .panel-button,
+#panel.lock-screen .panel-button {
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display,
+#panel:overview .panel-button.clock-display .clock,
+#panel.unlock-screen .panel-button.clock-display,
+#panel.unlock-screen .panel-button.clock-display .clock,
+#panel.lock-screen .panel-button.clock-display,
+#panel.lock-screen .panel-button.clock-display .clock {
+  color: #ddc7a1;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:active:hover,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:focus:hover,
+#panel:overview .panel-button:checked,
+#panel:overview .panel-button:checked:hover,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:active:hover,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:focus:hover,
+#panel.unlock-screen .panel-button:checked,
+#panel.unlock-screen .panel-button:checked:hover,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:active:hover,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:focus:hover,
+#panel.lock-screen .panel-button:checked,
+#panel.lock-screen .panel-button:checked:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:active:hover,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:focus:hover,
+#panel:overview .panel-button.clock-display:checked,
+#panel:overview .panel-button.clock-display:checked:hover,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:active:hover,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:focus:hover,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:checked:hover,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:active:hover,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:focus:hover,
+#panel.lock-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:active:hover .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:focus:hover .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel:overview .panel-button.clock-display:checked:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:active:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:checked:hover .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:active:hover .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:checked:hover .clock {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #ddc7a1;
+}
+
+#panel:overview #panelActivities.panel-button,
+#panel.unlock-screen #panelActivities.panel-button,
+#panel.lock-screen #panelActivities.panel-button {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview #panelActivities.panel-button:hover,
+#panel.unlock-screen #panelActivities.panel-button:hover,
+#panel.lock-screen #panelActivities.panel-button:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #d8a657;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 18px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #ddc7a1;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 2px solid #ddc7a1;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #ddc7a1 !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #ddc7a1 !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4b398 !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4b398 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: #3c3836 !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #f28534 !important;
+  background-color: #3c3836 !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #ddc7a1 !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #ddc7a1 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #ddc7a1;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3c3836;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(40, 40, 40, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(40, 40, 40, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.3);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(221, 199, 161, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #ddc7a1;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #d4be98;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #ddc7a1;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(40, 40, 40, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(221, 199, 161, 0.3);
+  -slider-border-color: #e9b143;
+  -slider-active-background-color: #e9b143;
+  -slider-active-border-color: #e9b143;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f28534;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #e9b143;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+  color: #ddc7a1;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #7daea3;
+}
+
+.switcher-arrow:highlighted {
+  color: #e9b143;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #d4be98;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #ddc7a1;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(221, 199, 161, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(221, 199, 161, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.page-navigation-arrow:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.page-navigation-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.page-navigation-arrow:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 !important;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+.dash-background {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 22px;
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+.dash-item-container > * {
+  margin: 0 2px;
+}
+
+.dash-item-container:ltr:first-child {
+  margin-left: 0;
+}
+
+.dash-item-container:rtl:first-child {
+  margin-right: 0;
+}
+
+.dash-item-container .app-well-app,
+.dash-item-container .show-apps {
+  padding: 10px 0 26px;
+  border-radius: 12px;
+}
+
+.dash-item-container .app-well-app .overview-icon,
+.dash-item-container .show-apps .overview-icon {
+  padding: 5px;
+  border-radius: 12px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.workspace-animation {
+  background-color: #1d2021;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #141617;
+}
+
+.osd-window {
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  margin-bottom: 4px;
+}
+
+.osd-window .level:first-child {
+  margin-bottom: 0px;
+}
+
+.osd-window .level:ltr {
+  margin-right: 6px;
+}
+
+.osd-window .level:rtl {
+  margin-left: 6px;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 3px 0 !important;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px !important;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+  background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+  margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+  margin-left: 2.5em;
+}
+
+.popup-sub-menu
+  .popup-separator-menu-item
+  .popup-separator-menu-item-separator {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+  margin-top: 8px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .background-app-item .close-button,
+.background-app-item .quick-settings .close-button,
+.quick-settings .button {
+  min-height: 22px;
+  min-width: 22px;
+  padding: 9px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings .close-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle,
+.quick-menu-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.06) !important;
+}
+
+.quick-toggle {
+  background-color: rgba(221, 199, 161, 0.06) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-toggle:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:active {
+  background-color: rgba(221, 199, 161, 0.15) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-title {
+  font-weight: bold;
+}
+
+.quick-toggle StBoxLayout > .quick-toggle-subtitle {
+  font-weight: normal;
+  font-size: 12px;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 16px;
+}
+
+.quick-menu-toggle .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-menu-toggle .quick-toggle:ltr {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
+  padding-right: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
+  padding-left: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.08) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(221, 199, 161, 0.2) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+  border-left-width: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+  border-right-width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button,
+.quick-slider .background-app-item .close-button,
+.background-app-item .quick-slider .close-button {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.quick-slider .icon-button:hover,
+.quick-slider .background-app-item .close-button:hover,
+.background-app-item .quick-slider .close-button:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.quick-slider .icon-button:active,
+.quick-slider .background-app-item .close-button:active,
+.background-app-item .quick-slider .close-button:active {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.quick-toggle-menu {
+  border-radius: 12px !important;
+  padding: 12px !important;
+  margin: 10px 30px 0 !important;
+  background-color: #3c3836 !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-separator-menu-item-separator {
+  padding: 0 !important;
+  margin: 0 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-menu-item StLabel {
+  color: #ddc7a1;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #282828 !important;
+  color: #e9b143;
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #282828 !important;
+  color: #e9b143;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.quick-settings-system-item .icon-button > StIcon,
+.quick-settings-system-item .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings-system-item .close-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+  color: #e9b143;
+}
+.quick-settings-system-item .power-item {
+  min-height: 0 !important;
+  min-width: 0 !important;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #e9b143;
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.background-apps-quick-toggle {
+  min-height: 40px;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 16px !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 32px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .close-button {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: #ddc7a1;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: 2px solid #d4be98;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #ddc7a1;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #ddc7a1;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #8bba7f;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: #32302f;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ea6982;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #282828;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #32302f;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #ddc7a1;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #ddc7a1;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #282828;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+  .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #ddc7a1;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-tooltip {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border-radius: 9999px;
+  padding: 6px 12px;
+  border: none;
+  box-shadow: none;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #ddc7a1;
+  background-color: #37222c;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #ddc7a1;
+  background-color: #141617;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #1d2021;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #ddc7a1;
+  border-radius: 9px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #ddc7a1;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+  border: 2px solid #ddc7a1;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #ea6982;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #ea6982;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.95);
+  border: 2px solid #ddc7a1;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #ddc7a1;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/no-events.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/no-notifications.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/pad-osd.css b/themes/Gruvbox-Dark-B-LB/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..256144f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #504945;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #ddc7a1;
+  fill: #ddc7a1;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #504945 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #ddc7a1 !important;
+  fill: #504945 !important;
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gnome-shell/process-working.svg b/themes/Gruvbox-Dark-B-LB/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc b/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc
new file mode 100644
index 0000000..dcd32b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 2 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 2
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 2
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 2
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 2
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc.hidpi b/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 0000000..15921f8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 4
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 4
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 4
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/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/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/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/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/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/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk-dark.css b/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..3d3b0c4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11589 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #d4be98;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #ddc7a1;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 50px transparent;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 50px transparent;
+  border: 2px solid #473c29;
+  background-clip: border-box;
+}
+
+.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 {
+  background-color: #1d2021;
+  margin: 0;
+  padding: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #ddc7a1;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #473c29;
+}
+
+.csd decoration {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #ddc7a1;
+  border-radius: 14px;
+}
+
+.csd decoration:backdrop {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #473c29;
+  border-radius: 14px;
+}
+
+.csd.popup decoration {
+  border-radius: 14px;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+button.titlebutton.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+button.titlebutton.close:not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #282828;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #ddc7a1, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #473c29, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #d4be98;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk.css b/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk.css
new file mode 100644
index 0000000..d8cb887
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11589 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #d4be98;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #ddc7a1;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 50px transparent;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 50px transparent;
+  border: 2px solid #473c29;
+  background-clip: border-box;
+}
+
+.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 {
+  background-color: #1d2021;
+  margin: 0;
+  padding: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #ddc7a1;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #473c29;
+}
+
+.csd decoration {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #ddc7a1;
+  border-radius: 14px;
+}
+
+.csd decoration:backdrop {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #473c29;
+  border-radius: 14px;
+}
+
+.csd.popup decoration {
+  border-radius: 14px;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+button.titlebutton.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+button.titlebutton.close:not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #282828;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #ddc7a1, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #473c29, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #d4be98;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-3.0/thumbnail.png b/themes/Gruvbox-Dark-B-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-3.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/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/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/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/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/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/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk-dark.css b/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..56de145
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7007 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #d4be98;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #ddc7a1;
+  border: 2px solid #eee0b7;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #eee0b7;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: #ddc7a1;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #89b482;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.02);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.2);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 2px #eee0b7, 0 1px 2px transparent,
+    0 3px 4px transparent, 0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 0 0 2px #473c29, 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 2px solid #eee0b7;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #eee0b7;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #89b482;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #89b482;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #89b482;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk.css b/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk.css
new file mode 100644
index 0000000..7f28694
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/gtk.css
@@ -0,0 +1,7007 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #9ab665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #9ab665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #9ab665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #d4be98;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #ddc7a1;
+  border: 2px solid #eee0b7;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #eee0b7;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: #ddc7a1;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #89b482;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.02);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ab665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.2);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 2px #eee0b7, 0 1px 2px transparent,
+    0 3px 4px transparent, 0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 0 0 2px #473c29, 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 2px solid #eee0b7;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #eee0b7;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #89b482;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #89b482;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #89b482;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B-LB/gtk-4.0/thumbnail.png b/themes/Gruvbox-Dark-B-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/gtk-4.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B-LB/index.theme b/themes/Gruvbox-Dark-B-LB/index.theme
new file mode 100644
index 0000000..b53638a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Gruvbox-Dark
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Gruvbox-Dark
+MetacityTheme=Gruvbox-Dark
+IconTheme=Gruvbox-Dark
+CursorTheme=Gruvbox-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/button.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/close.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/maximize.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/menu.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/minimize.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/shade.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unmaximize.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..9106037
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unshade.svg b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-1.xml b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-1.xml
new file mode 120000
index 0000000..e01e161
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-2.xml b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..7f41b4f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,736 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="#2d2d2d" />
+  <constant name="C_titlebar_unfocused" value="#242424" />
+  <constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1" />
+  <constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1" />
+  <constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87" />
+  <constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="13" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <aspect_ratio name="button" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false"
+    parent="normal">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="title_vertical_pad" value="2" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false"
+    rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4"
+    rounded_bottom_right="4" parent="normal">
+    <distance name="title_vertical_pad" value="4" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="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/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-3.xml b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..094a83f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,793 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])" />
+  <constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])" />
+  <constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+  <constant name="C_button_close_bg_hover"
+    value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_bg_active"
+    value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="18" />
+    <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="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <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="8"
+    rounded_bottom_right="8" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused" />
+    <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused" />
+    <button version=">= 3.5" function="appmenu" state="prelight"
+      draw_ops="appmenu_unfocused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- frame style sets -->
+
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless_focused" />
+    <frame focus="no" state="maximized" style="borderless_unfocused" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- windows -->
+
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/themes/Gruvbox-Dark-B-LB/metacity-1/thumbnail.png b/themes/Gruvbox-Dark-B-LB/metacity-1/thumbnail.png
new file mode 100644
index 0000000..6c6064e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/metacity-1/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-active.png
new file mode 100644
index 0000000..28e9633
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000..d0a2397
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-inactve.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-inactve.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-left-inactve.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000..5f93d66
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/bottom-right-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/close-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/close-active.png
new file mode 100644
index 0000000..99ce30a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/close-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/close-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/close-inactive.png
new file mode 100644
index 0000000..a000bdc
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/close-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/close-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/close-prelight.png
new file mode 100644
index 0000000..7385d99
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/close-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/close-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/close-pressed.png
new file mode 100644
index 0000000..309c1e8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/close-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/hide-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-active.png
new file mode 100644
index 0000000..bb59edc
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/hide-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-inactive.png
new file mode 100644
index 0000000..d566f12
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/hide-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-prelight.png
new file mode 100644
index 0000000..be4d029
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/hide-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-pressed.png
new file mode 100644
index 0000000..d9f4f70
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/hide-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/left-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/left-active.png
new file mode 100644
index 0000000..c0c11f5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/left-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/left-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/left-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/left-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-active.png
new file mode 100644
index 0000000..4ae597a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 0000000..de371af
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000..b9f22cc
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 0000000..e2fb6cd
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 0000000..a4ffd03
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 0000000..de28ed8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 0000000..d28ae68
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000..5e03a90
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/maximize-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/menu-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-active.png
new file mode 100644
index 0000000..19fddff
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/menu-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-inactive.png
new file mode 100644
index 0000000..f7deadd
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/menu-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-prelight.png
new file mode 100644
index 0000000..b82a7ad
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/menu-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-pressed.png
new file mode 100644
index 0000000..24d19ec
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/menu-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/right-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/right-active.png
new file mode 100644
index 0000000..c0c11f5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/right-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/right-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/right-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/right-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-active.png
new file mode 100644
index 0000000..aa6b5b4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-inactive.png
new file mode 100644
index 0000000..27c0851
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-prelight.png
new file mode 100644
index 0000000..6505c68
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-pressed.png
new file mode 100644
index 0000000..bc230a7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 0000000..cbcd6cb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 0000000..840dcaa
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 0000000..9ca06ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 0000000..ef7af79
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/shade-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-active.png
new file mode 100644
index 0000000..32b004b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-inactive.png
new file mode 100644
index 0000000..a25f972
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-prelight.png
new file mode 100644
index 0000000..5554743
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-pressed.png
new file mode 100644
index 0000000..6a17ea6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 0000000..93fc205
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 0000000..2d1ba40
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-prelight.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 0000000..4b53b9c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-pressed.png b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 0000000..5337e92
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/stick-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/themerc b/themes/Gruvbox-Dark-B-LB/xfwm4/themerc
new file mode 100644
index 0000000..8ed1a77
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-1-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-2-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-3-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-4-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/title-5-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-active.png
new file mode 100644
index 0000000..53eaca4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/top-left-inactive.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-active.png b/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-active.png
new file mode 100644
index 0000000..e6da9d2
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-active.png
diff --git a/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-inactive.png b/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B-LB/xfwm4/top-right-inactive.png
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-active.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..4b74285
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 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 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-hover.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..8a1d351
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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"
+       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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..8dba5df
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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: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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..dcf8298
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..ed66559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 0000000..65c1901
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-off.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..b3a73fa
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/close-active.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..0dde2b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/close-hover.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..37f8806
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/close.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/close.svg
new file mode 100644
index 0000000..5dcc697
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/corner-ripple.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..6440b6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-dark.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 0000000..375c388
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-off.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..27a8ab4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-off.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..23f9373
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..510abf1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/assets/trash-icon.svg b/themes/Gruvbox-Dark-B/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..d78a123
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/cinnamon/cinnamon.css b/themes/Gruvbox-Dark-B/cinnamon/cinnamon.css
new file mode 100644
index 0000000..3b2ff69
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/cinnamon.css
@@ -0,0 +1,2266 @@
+stage {
+  font-size: 9pt;
+  color: #ddc7a1;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.sound-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #d4be98;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #ddc7a1;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(40, 40, 40, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: #504945;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #473c29;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(221, 199, 161, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #7daea3;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #45707a;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  border: 2px solid #ddc7a1;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: #ddc7a1;
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #89b482;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.panel-dummy {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(234, 105, 98, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(20, 22, 23, 0.9);
+  border: 1px solid rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #d4be98;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #d4be98;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #d4be98;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(221, 199, 161, 0);
+  background-color: rgba(221, 199, 161, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #d4be98;
+  background-color: #16161e;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #16161e;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.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.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #504945;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  background-color: #1d2021;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #504945;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #ddc7a1;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(221, 199, 161, 0.25);
+}
+
+.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');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #ddc7a1;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(221, 199, 161, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #ddc7a1;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(221, 199, 161, 0.3);
+  font-weight: bold;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #ddc7a1;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #ddc7a1;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #ddc7a1;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #d4be98;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border: 0px solid #d4be98;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #ddc7a1;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #ddc7a1;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #ea6962;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #ddc7a1;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #d4be98;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #ddc7a1;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #d8a657;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.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: #d4be98;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #ddc7a1;
+}
+
+.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;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #ea6962;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(20, 22, 23, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #ddc7a1;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(20, 22, 23, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(221, 199, 161, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #ddc7a1;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #ddc7a1;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.75);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 0;
+  background-color: rgba(29, 32, 33, 0.75);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #d4be98;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.25);
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(221, 199, 161, 0.7) 0%,
+    rgba(221, 199, 161, 0.7) 100%
+  );
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #1d2021;
+  border-radius: 6px;
+  color: #ddc7a1;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #d4be98;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(221, 199, 161, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.2);
+  border-color: #d4be98;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f2231;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #d4be98;
+}
+
+.workspace-button:hover {
+  color: #ddc7a1;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #d4be98;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(60, 56, 54, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(60, 56, 54, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(80, 73, 69, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(40, 40, 40, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #ddc7a1;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #ddc7a1;
+}
+
+.desklet:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #ddc7a1;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+.photoframe-box {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/themes/Gruvbox-Dark-B/cinnamon/thumbnail.png b/themes/Gruvbox-Dark-B/cinnamon/thumbnail.png
new file mode 100644
index 0000000..743fcd2
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/cinnamon/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/applogo.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/applogo.svg
new file mode 100644
index 0000000..eedf912
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/applogo.svg
@@ -0,0 +1,293 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="88.954416"
+     inkscape:cy="129.67577"
+     inkscape:window-width="1880"
+     inkscape:window-height="956"
+     inkscape:window-x="55"
+     inkscape:window-y="55"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g22"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#ebdbb2;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..ec8b478
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..6fc5556
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-today.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 0000000..5e77084
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg10621"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs10623">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient99561-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient34508-1-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop34510-1-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop34512-4-5" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient10592"
+       xlink:href="#linearGradient34508-1-3"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3770"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3007"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3067"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3072"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient2997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-23.537329"
+     inkscape:cy="-31.442864"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2133"
+     inkscape:window-height="1241"
+     inkscape:window-x="238"
+     inkscape:window-y="88"
+     inkscape:window-maximized="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3109"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata10626">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-469.08263,-537.99307)">
+    <circle
+       style="color:#000000;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:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path7305"
+       cx="481.57138"
+       cy="559.4649"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 0000000..5bc9d3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="5.2540541"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#e0e0e0"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-off.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..0c5e5a0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..63c390c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="7.8054054"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#333333"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/dash-placeholder.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..172156a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/no-events.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..239177d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/no-notifications.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..ae09f92
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/noise-texture.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 0000000..484f6c8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/process-working.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..eedadce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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 -4v-3z"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off-dark.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..3acc14a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..7610680
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="-9.9099099"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#e0e0e0"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     style="fill:#313744"
+     id="circle4" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on.svg b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..4685294
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="7.6756757"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#333333"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     id="circle4"
+     style="fill:#ffffff" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/gnome-shell.css b/themes/Gruvbox-Dark-B/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..b11b78d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/gnome-shell.css
@@ -0,0 +1,4629 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.background-app-item .title,
+.world-clocks-button .world-clocks-header {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container,
+.background-app-item .subtitle {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(221, 199, 161, 0.3);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #d4be98;
+  -pie-background-color: rgba(221, 199, 161, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #d4be98;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #ddc7a1;
+  border-radius: 24px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(40, 40, 40, 0.65);
+  color: #e9b143;
+  border-radius: 24px;
+  border-image: none;
+  background-image: none;
+}
+
+show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(40, 40, 40, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(40, 40, 40, 0.65);
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(40, 40, 40, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: none;
+  border: 2px solid #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 24px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #ddc7a1 !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr,
+.rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #7daea3;
+}
+
+.shell-link:hover {
+  color: #45707a;
+  background-color: rgba(125, 174, 163, 0.15);
+}
+
+.shell-link:active {
+  color: #266b79;
+  background-color: rgba(125, 174, 163, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.hotplug-notification-item,
+.icon-button,
+.background-app-item .close-button,
+.button {
+  color: #ddc7a1;
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.background-app-item .close-button:focus,
+.button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.background-app-item .close-button:hover,
+.button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.hotplug-notification-item:active,
+.icon-button:active,
+.background-app-item .close-button:active,
+.button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.background-app-item .close-button:insensitive,
+.button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #1d2021;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:outlined,
+.screenshot-ui-type-button:outlined,
+.unlock-dialog .cancel-button:outlined,
+.unlock-dialog .switch-user-button:outlined,
+.unlock-dialog .login-dialog-session-list-button:outlined,
+.unlock-dialog .modal-dialog-button:outlined,
+.screenshot-ui-show-pointer-button:checked,
+.screenshot-ui-type-button:checked,
+.unlock-dialog .cancel-button:checked,
+.unlock-dialog .switch-user-button:checked,
+.unlock-dialog .login-dialog-session-list-button:checked,
+.unlock-dialog .modal-dialog-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button,
+.background-app-item .close-button {
+  border-radius: 9999px;
+  padding: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.icon-button StIcon,
+.background-app-item .close-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none;
+}
+
+#calendarArea {
+  padding: 4px;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: none;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px 12px;
+  margin: 0;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+  margin: 4px;
+}
+
+.datemenu-today-button:ltr {
+  margin-left: 4px;
+}
+
+.datemenu-today-button:rtl {
+  margin-right: 4px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(221, 199, 161, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7) !important;
+  background-color: rgba(221, 199, 161, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1 !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #7daea3;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #e9b143;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #d3869b;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(221, 199, 161, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 4px 0 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  font-weight: bold;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.events-button .event-time {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-city {
+  font-weight: bold;
+  font-size: 11pt;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.world-clocks-button .world-clocks-time {
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+  color: #ddc7a1;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(212, 190, 152, 0.35);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #e9b143;
+  border-radius: 12px;
+  padding: 6px 12px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  text-align: center;
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+  margin: 15px;
+  border: 2px solid #ddc7a1;
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #ddc7a1;
+  background-color: #ae5858;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #ddc7a1;
+  background-color: #266b79;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(212, 190, 152, 0.05);
+  color: rgba(212, 190, 152, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #d8a657;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  text-align: center;
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #ea6982;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #d8a657;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry,
+.login-dialog StEntry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(221, 199, 161, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.candidate-box:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #282828;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: #3c3836;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key:grayed {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #282828;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #ddc7a1;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #d4be98;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #282828;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #d4be98;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: #282828;
+  background-image: url('background.png');
+  background-size: cover;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+#panel.login-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.login-dialog {
+  color: #ddc7a1;
+}
+
+.login-dialog StEntry {
+  border-radius: 9999px;
+}
+
+.login-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.login-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.unlock-dialog {
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon StIcon {
+  background-color: #1d2021 !important;
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #d4be98 !important;
+}
+
+.unlock-dialog .user-widget-label {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #d8a657;
+}
+
+.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: #ddc7a1;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #d4be98;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(221, 199, 161, 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:focus {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(221, 199, 161, 0.3) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(221, 199, 161, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #282828 !important;
+  spacing: 6px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 12px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #ddc7a1 !important;
+  border: 2px solid #d4be98;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  box-shadow: inset 0 -1px 0 rgba(221, 199, 161, 0.12);
+  spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+  icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: inset 0 -2px 0 #d4be98;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #7daea3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #45707a;
+}
+
+.lg-dialog .shell-link:active {
+  color: #266b79;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #ddc7a1;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: #ddc7a1 !important;
+  padding: 12px;
+  box-shadow: none;
+  border: 2px solid #d4be98;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(221, 199, 161, 0.7) !important;
+  background: #282828 !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #ddc7a1;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(221, 199, 161, 0.12);
+  padding: 0;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 8px;
+  padding-right: 10px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  padding-left: 10px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 4px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+  border-radius: 12px;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+  color: #ddc7a1;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-close-button {
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button,
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #ddc7a1;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message .message-body {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.url-highlighter {
+  link-color: #7daea3;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message-media-control:hover,
+.message-media-control:focus,
+.message-media-control:active {
+  color: #ddc7a1;
+}
+
+.message-media-control:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #ddc7a1;
+}
+
+.user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon.user-avatar {
+  border: 2px solid #d4be98;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #d8a657;
+}
+
+/* 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: #ddc7a1;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 30em;
+  min-height: 65px;
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  text-shadow: none;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+}
+
+.notification-banner:hover {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(221, 199, 161, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.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(221, 199, 161, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  min-width: 160px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.15);
+  color: #ddc7a1;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.15);
+  -barlevel-active-background-color: #ddc7a1;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(221, 199, 161, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #ddc7a1;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: #1d2021;
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(221, 199, 161, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #ddc7a1;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  font-size: 11pt;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  height: 35px;
+  margin: 4px 10px 1px;
+  border: 2px solid #ddc7a1;
+  border-radius: 50px;
+  box-shadow: none;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(29, 32, 33, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  transition-duration: 150ms;
+  text-shadow: none;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display {
+  -natural-hpadding: 0;
+  -minimum-hpadding: 0;
+  border: none;
+}
+
+#panel .panel-button.clock-display .clock-display-box {
+  spacing: 3px;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  padding-left: 12px;
+  padding-right: 12px;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:active:hover,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:focus:hover,
+#panel .panel-button.clock-display:checked,
+#panel .panel-button.clock-display:checked:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:active:hover .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:focus:hover .clock,
+#panel .panel-button.clock-display:checked .clock,
+#panel .panel-button.clock-display:checked:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 6px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .appindicator-trayicons-box {
+  margin: 0 6px;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
+#panel
+  Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
+  -natural-hpadding: 18px !important;
+  -minimum-hpadding: 18px !important;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview .panel-button,
+#panel.unlock-screen .panel-button,
+#panel.lock-screen .panel-button {
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display,
+#panel:overview .panel-button.clock-display .clock,
+#panel.unlock-screen .panel-button.clock-display,
+#panel.unlock-screen .panel-button.clock-display .clock,
+#panel.lock-screen .panel-button.clock-display,
+#panel.lock-screen .panel-button.clock-display .clock {
+  color: #ddc7a1;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:active:hover,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:focus:hover,
+#panel:overview .panel-button:checked,
+#panel:overview .panel-button:checked:hover,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:active:hover,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:focus:hover,
+#panel.unlock-screen .panel-button:checked,
+#panel.unlock-screen .panel-button:checked:hover,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:active:hover,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:focus:hover,
+#panel.lock-screen .panel-button:checked,
+#panel.lock-screen .panel-button:checked:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:active:hover,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:focus:hover,
+#panel:overview .panel-button.clock-display:checked,
+#panel:overview .panel-button.clock-display:checked:hover,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:active:hover,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:focus:hover,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:checked:hover,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:active:hover,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:focus:hover,
+#panel.lock-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:active:hover .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:focus:hover .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel:overview .panel-button.clock-display:checked:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:active:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:checked:hover .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:active:hover .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:checked:hover .clock {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #ddc7a1;
+}
+
+#panel:overview #panelActivities.panel-button,
+#panel.unlock-screen #panelActivities.panel-button,
+#panel.lock-screen #panelActivities.panel-button {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview #panelActivities.panel-button:hover,
+#panel.unlock-screen #panelActivities.panel-button:hover,
+#panel.lock-screen #panelActivities.panel-button:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #d8a657;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 18px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #ddc7a1;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 2px solid #ddc7a1;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #ddc7a1 !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #ddc7a1 !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4b398 !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4b398 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: #3c3836 !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #f28534 !important;
+  background-color: #3c3836 !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #ddc7a1 !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #ddc7a1 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #ddc7a1;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3c3836;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(40, 40, 40, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(40, 40, 40, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.3);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(221, 199, 161, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #ddc7a1;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #d4be98;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #ddc7a1;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(40, 40, 40, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(221, 199, 161, 0.3);
+  -slider-border-color: #e9b143;
+  -slider-active-background-color: #e9b143;
+  -slider-active-border-color: #e9b143;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f28534;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #e9b143;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+  color: #ddc7a1;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #7daea3;
+}
+
+.switcher-arrow:highlighted {
+  color: #e9b143;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #d4be98;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #ddc7a1;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(221, 199, 161, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(221, 199, 161, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.page-navigation-arrow:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.page-navigation-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.page-navigation-arrow:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 !important;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+.dash-background {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 22px;
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+.dash-item-container > * {
+  margin: 0 2px;
+}
+
+.dash-item-container:ltr:first-child {
+  margin-left: 0;
+}
+
+.dash-item-container:rtl:first-child {
+  margin-right: 0;
+}
+
+.dash-item-container .app-well-app,
+.dash-item-container .show-apps {
+  padding: 10px 0 26px;
+  border-radius: 12px;
+}
+
+.dash-item-container .app-well-app .overview-icon,
+.dash-item-container .show-apps .overview-icon {
+  padding: 5px;
+  border-radius: 12px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.workspace-animation {
+  background-color: #1d2021;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #141617;
+}
+
+.osd-window {
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  margin-bottom: 4px;
+}
+
+.osd-window .level:first-child {
+  margin-bottom: 0px;
+}
+
+.osd-window .level:ltr {
+  margin-right: 6px;
+}
+
+.osd-window .level:rtl {
+  margin-left: 6px;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 3px 0 !important;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px !important;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+  background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+  margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+  margin-left: 2.5em;
+}
+
+.popup-sub-menu
+  .popup-separator-menu-item
+  .popup-separator-menu-item-separator {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+  margin-top: 8px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .background-app-item .close-button,
+.background-app-item .quick-settings .close-button,
+.quick-settings .button {
+  min-height: 22px;
+  min-width: 22px;
+  padding: 9px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings .close-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle,
+.quick-menu-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.06) !important;
+}
+
+.quick-toggle {
+  background-color: rgba(221, 199, 161, 0.06) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-toggle:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:active {
+  background-color: rgba(221, 199, 161, 0.15) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-title {
+  font-weight: bold;
+}
+
+.quick-toggle StBoxLayout > .quick-toggle-subtitle {
+  font-weight: normal;
+  font-size: 12px;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 16px;
+}
+
+.quick-menu-toggle .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-menu-toggle .quick-toggle:ltr {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
+  padding-right: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
+  padding-left: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.08) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(221, 199, 161, 0.2) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+  border-left-width: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+  border-right-width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button,
+.quick-slider .background-app-item .close-button,
+.background-app-item .quick-slider .close-button {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.quick-slider .icon-button:hover,
+.quick-slider .background-app-item .close-button:hover,
+.background-app-item .quick-slider .close-button:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.quick-slider .icon-button:active,
+.quick-slider .background-app-item .close-button:active,
+.background-app-item .quick-slider .close-button:active {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.quick-toggle-menu {
+  border-radius: 12px !important;
+  padding: 12px !important;
+  margin: 10px 30px 0 !important;
+  background-color: #3c3836 !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-separator-menu-item-separator {
+  padding: 0 !important;
+  margin: 0 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-menu-item StLabel {
+  color: #ddc7a1;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #282828 !important;
+  color: #e9b143;
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #282828 !important;
+  color: #e9b143;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.quick-settings-system-item .icon-button > StIcon,
+.quick-settings-system-item .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings-system-item .close-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+  color: #e9b143;
+}
+.quick-settings-system-item .power-item {
+  min-height: 0 !important;
+  min-width: 0 !important;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #e9b143;
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.background-apps-quick-toggle {
+  min-height: 40px;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 16px !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 32px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .close-button {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: #ddc7a1;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: 2px solid #d4be98;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #ddc7a1;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #ddc7a1;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #8bba7f;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: #32302f;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ea6982;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #282828;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #32302f;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #ddc7a1;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #ddc7a1;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #282828;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+  .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #ddc7a1;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-tooltip {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border-radius: 9999px;
+  padding: 6px 12px;
+  border: none;
+  box-shadow: none;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #ddc7a1;
+  background-color: #37222c;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #ddc7a1;
+  background-color: #141617;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #1d2021;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #ddc7a1;
+  border-radius: 9px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #ddc7a1;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+  border: 2px solid #ddc7a1;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #ea6982;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #ea6982;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.95);
+  border: 2px solid #ddc7a1;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: #1d2021;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #ddc7a1;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/no-events.svg b/themes/Gruvbox-Dark-B/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/no-notifications.svg b/themes/Gruvbox-Dark-B/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/pad-osd.css b/themes/Gruvbox-Dark-B/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..256144f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #504945;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #ddc7a1;
+  fill: #ddc7a1;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #504945 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #ddc7a1 !important;
+  fill: #504945 !important;
+}
diff --git a/themes/Gruvbox-Dark-B/gnome-shell/process-working.svg b/themes/Gruvbox-Dark-B/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc b/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc
new file mode 100644
index 0000000..dcd32b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 2 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 2
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 2
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 2
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 2
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc.hidpi b/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 0000000..15921f8
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 4
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 4
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 4
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/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/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/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/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/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/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/gtk-dark.css b/themes/Gruvbox-Dark-B/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..2908bac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11664 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #d4be98;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #ddc7a1;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 50px transparent;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 50px transparent;
+  border: 2px solid #473c29;
+  background-clip: border-box;
+}
+
+.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 {
+  background-color: #1d2021;
+  margin: 0;
+  padding: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #ddc7a1;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #473c29;
+}
+
+.csd decoration {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #ddc7a1;
+  border-radius: 14px;
+}
+
+.csd decoration:backdrop {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #473c29;
+  border-radius: 14px;
+}
+
+.csd.popup decoration {
+  border-radius: 14px;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:active {
+  background-color: #d8a657;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active {
+  background-color: shade(#d8a657, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:active {
+  background-color: #a9b665;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active {
+  background-color: shade(#a9b665, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:active {
+  background-color: #ea6962;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:active {
+  background-color: shade(#ea6962, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop {
+  background-color: #473c29;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #282828;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #ddc7a1, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #473c29, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #d4be98;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/gtk.css b/themes/Gruvbox-Dark-B/gtk-3.0/gtk.css
new file mode 100644
index 0000000..e8a9d78
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/gtk.css
@@ -0,0 +1,11664 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #d4be98;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #ddc7a1;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #ddc7a1;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 50px transparent;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 50px transparent;
+  border: 2px solid #473c29;
+  background-clip: border-box;
+}
+
+.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 {
+  background-color: #1d2021;
+  margin: 0;
+  padding: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #ddc7a1;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #473c29;
+}
+
+.csd decoration {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #ddc7a1;
+  border-radius: 14px;
+}
+
+.csd decoration:backdrop {
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+  border: 2px solid #473c29;
+  border-radius: 14px;
+}
+
+.csd.popup decoration {
+  border-radius: 14px;
+  border: 2px solid #ddc7a1;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:active {
+  background-color: #d8a657;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active {
+  background-color: shade(#d8a657, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:active {
+  background-color: #a9b665;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active {
+  background-color: shade(#a9b665, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:active {
+  background-color: #ea6962;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:active {
+  background-color: shade(#ea6962, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop {
+  background-color: #473c29;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #282828;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #ddc7a1, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #473c29, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #d4be98;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 24, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-B/gtk-3.0/thumbnail.png b/themes/Gruvbox-Dark-B/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-3.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/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/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/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/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/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/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/gtk-dark.css b/themes/Gruvbox-Dark-B/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..c887284
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7080 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #d4be98;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #ddc7a1;
+  border: 2px solid #ddc7a1;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #ddc7a1;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: #ddc7a1;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #89b482;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.02);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.2);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 2px #ddc7a1, 0 1px 2px transparent,
+    0 3px 4px transparent, 0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 0 0 2px #473c29, 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#d8a657, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#a9b665, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ea6962, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #d8a657;
+}
+
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #a9b665;
+}
+
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #ea6962;
+}
+
+windowcontrols
+  button.minimize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: #473c29;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #ddc7a1;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #89b482;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #89b482;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #89b482;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/gtk.css b/themes/Gruvbox-Dark-B/gtk-4.0/gtk.css
new file mode 100644
index 0000000..74fe3ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/gtk.css
@@ -0,0 +1,7080 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #9ab665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #9ab665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #9ab665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #d4be98;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #ddc7a1;
+  border: 2px solid #ddc7a1;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #ddc7a1;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #89b482;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: #ddc7a1;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #89b482;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 6px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.02);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ab665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.2);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 2px #ddc7a1, 0 1px 2px transparent,
+    0 3px 4px transparent, 0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 0 0 2px #473c29, 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 2px solid #ddc7a1;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#d8a657, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#a9b665, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ea6962, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #d8a657;
+}
+
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #a9b665;
+}
+
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #ea6962;
+}
+
+windowcontrols
+  button.minimize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: #473c29;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #ddc7a1;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #d4be98;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #89b482;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #89b482;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #89b482;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-B/gtk-4.0/thumbnail.png b/themes/Gruvbox-Dark-B/gtk-4.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/gtk-4.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B/index.theme b/themes/Gruvbox-Dark-B/index.theme
new file mode 100644
index 0000000..b53638a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Gruvbox-Dark
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Gruvbox-Dark
+MetacityTheme=Gruvbox-Dark
+IconTheme=Gruvbox-Dark
+CursorTheme=Gruvbox-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/button.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/close.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/maximize.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/menu.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/minimize.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/shade.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/unmaximize.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..9106037
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/assets/unshade.svg b/themes/Gruvbox-Dark-B/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-1.xml b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-1.xml
new file mode 120000
index 0000000..e01e161
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-2.xml b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..7f41b4f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,736 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="#2d2d2d" />
+  <constant name="C_titlebar_unfocused" value="#242424" />
+  <constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1" />
+  <constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1" />
+  <constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87" />
+  <constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="13" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <aspect_ratio name="button" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false"
+    parent="normal">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="title_vertical_pad" value="2" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false"
+    rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4"
+    rounded_bottom_right="4" parent="normal">
+    <distance name="title_vertical_pad" value="4" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="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/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-3.xml b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..094a83f
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,793 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])" />
+  <constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])" />
+  <constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+  <constant name="C_button_close_bg_hover"
+    value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_bg_active"
+    value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="18" />
+    <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="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <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="8"
+    rounded_bottom_right="8" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused" />
+    <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused" />
+    <button version=">= 3.5" function="appmenu" state="prelight"
+      draw_ops="appmenu_unfocused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- frame style sets -->
+
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless_focused" />
+    <frame focus="no" state="maximized" style="borderless_unfocused" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- windows -->
+
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/themes/Gruvbox-Dark-B/metacity-1/thumbnail.png b/themes/Gruvbox-Dark-B/metacity-1/thumbnail.png
new file mode 100644
index 0000000..038349e
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/metacity-1/thumbnail.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-active.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-active.png
new file mode 100644
index 0000000..28e9633
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-left-active.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000..d0a2397
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-left-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-left-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-left-inactive.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-left-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-right-active.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000..5f93d66
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-right-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/bottom-right-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/bottom-right-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/close-active.png b/themes/Gruvbox-Dark-B/xfwm4/close-active.png
new file mode 100644
index 0000000..a31d74c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/close-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/close-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/close-inactive.png
new file mode 100644
index 0000000..133a0e1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/close-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/close-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/close-prelight.png
new file mode 100644
index 0000000..0baf042
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/close-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/close-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/close-pressed.png
new file mode 100644
index 0000000..8a25b3b
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/close-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/hide-active.png b/themes/Gruvbox-Dark-B/xfwm4/hide-active.png
new file mode 100644
index 0000000..245ba34
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/hide-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/hide-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/hide-inactive.png
new file mode 100644
index 0000000..e8c1749
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/hide-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/hide-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/hide-prelight.png
new file mode 100644
index 0000000..8ea4624
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/hide-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/hide-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/hide-pressed.png
new file mode 100644
index 0000000..8d9f8ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/hide-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/left-active.png b/themes/Gruvbox-Dark-B/xfwm4/left-active.png
new file mode 100644
index 0000000..c0c11f5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/left-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/left-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/left-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/left-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-active.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-active.png
new file mode 100644
index 0000000..50c805d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-inactive.png
new file mode 100644
index 0000000..133a0e1
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000..3e10151
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-pressed.png
new file mode 100644
index 0000000..f6afd92
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-active.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-active.png
new file mode 100644
index 0000000..2bbe4fd
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 0000000..e223a9d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 0000000..4106729
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000..2f63b9c
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/maximize-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/menu-active.png b/themes/Gruvbox-Dark-B/xfwm4/menu-active.png
new file mode 100644
index 0000000..59f6f56
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/menu-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/menu-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/menu-inactive.png
new file mode 100644
index 0000000..ca4d851
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/menu-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/menu-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/menu-prelight.png
new file mode 100644
index 0000000..179e490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/menu-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/menu-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/menu-pressed.png
new file mode 100644
index 0000000..6312291
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/menu-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/right-active.png b/themes/Gruvbox-Dark-B/xfwm4/right-active.png
new file mode 100644
index 0000000..c0c11f5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/right-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/right-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/right-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/right-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-active.png b/themes/Gruvbox-Dark-B/xfwm4/shade-active.png
new file mode 100644
index 0000000..82a9246
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/shade-inactive.png
new file mode 100644
index 0000000..79a082a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/shade-prelight.png
new file mode 100644
index 0000000..442a0e5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/shade-pressed.png
new file mode 100644
index 0000000..9040286
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-active.png b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-active.png
new file mode 100644
index 0000000..59f6f56
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 0000000..ca4d851
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 0000000..179e490
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 0000000..6312291
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/shade-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-active.png b/themes/Gruvbox-Dark-B/xfwm4/stick-active.png
new file mode 100644
index 0000000..82a9246
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/stick-inactive.png
new file mode 100644
index 0000000..79a082a
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/stick-prelight.png
new file mode 100644
index 0000000..442a0e5
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/stick-pressed.png
new file mode 100644
index 0000000..9040286
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-active.png b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-active.png
new file mode 100644
index 0000000..6fa7967
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 0000000..ac6ee92
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-prelight.png b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 0000000..07e4d85
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-pressed.png b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 0000000..dd05276
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/stick-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/themerc b/themes/Gruvbox-Dark-B/xfwm4/themerc
new file mode 100644
index 0000000..126405d
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-1-active.png b/themes/Gruvbox-Dark-B/xfwm4/title-1-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-1-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-1-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/title-1-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-1-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-2-active.png b/themes/Gruvbox-Dark-B/xfwm4/title-2-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-2-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-2-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/title-2-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-2-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-3-active.png b/themes/Gruvbox-Dark-B/xfwm4/title-3-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-3-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-3-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/title-3-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-3-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-4-active.png b/themes/Gruvbox-Dark-B/xfwm4/title-4-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-4-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-4-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/title-4-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-4-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-5-active.png b/themes/Gruvbox-Dark-B/xfwm4/title-5-active.png
new file mode 100644
index 0000000..cfc8c22
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-5-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/title-5-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/title-5-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/title-5-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/top-left-active.png b/themes/Gruvbox-Dark-B/xfwm4/top-left-active.png
new file mode 100644
index 0000000..53eaca4
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/top-left-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/top-left-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/top-left-inactive.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/top-left-inactive.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/top-right-active.png b/themes/Gruvbox-Dark-B/xfwm4/top-right-active.png
new file mode 100644
index 0000000..e6da9d2
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/top-right-active.png
diff --git a/themes/Gruvbox-Dark-B/xfwm4/top-right-inactive.png b/themes/Gruvbox-Dark-B/xfwm4/top-right-inactive.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-B/xfwm4/top-right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-active.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..4b74285
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 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 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-hover.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..8a1d351
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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"
+       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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..8dba5df
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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: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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..dcf8298
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..ed66559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 0000000..65c1901
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-off.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..b3a73fa
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-active.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..0dde2b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-hover.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..37f8806
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close.svg
new file mode 100644
index 0000000..5dcc697
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/corner-ripple.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..6440b6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-dark.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 0000000..375c388
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-off.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..27a8ab4
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-off.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..23f9373
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..510abf1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/trash-icon.svg b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..d78a123
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/cinnamon.css b/themes/Gruvbox-Dark-BL-LB/cinnamon/cinnamon.css
new file mode 100644
index 0000000..b7371da
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/cinnamon.css
@@ -0,0 +1,2269 @@
+stage {
+  font-size: 9pt;
+  color: #ddc7a1;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.sound-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #d4be98;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #d4be98;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(29, 32, 33, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: #504945;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #473c29;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(221, 199, 161, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #7daea3;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #45707a;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: #ddc7a1;
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #89b482;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.panel-dummy {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(234, 105, 98, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(20, 22, 23, 0.9);
+  border: 1px solid rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #d4be98;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #d4be98;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #d4be98;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(221, 199, 161, 0);
+  background-color: rgba(221, 199, 161, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #d4be98;
+  background-color: #16161e;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #16161e;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.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.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #737aa2;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  background-color: #1d2021;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #737aa2;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #ddc7a1;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(221, 199, 161, 0.25);
+}
+
+.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');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #ddc7a1;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(221, 199, 161, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #ddc7a1;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(221, 199, 161, 0.3);
+  font-weight: bold;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.9);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #ddc7a1;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #ddc7a1;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #ddc7a1;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #d4be98;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border: 0px solid #d4be98;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #ddc7a1;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  background-color: rgba(21, 22, 30, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #ddc7a1;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #ea6962;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #ddc7a1;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #d4be98;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #d8a657;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.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: #d4be98;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #ddc7a1;
+}
+
+.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;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #ea6962;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(20, 22, 23, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #ddc7a1;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(20, 22, 23, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(221, 199, 161, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #ddc7a1;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #ddc7a1;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.75);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 0;
+  background-color: rgba(29, 32, 33, 0.75);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #d4be98;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.25);
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(221, 199, 161, 0.7) 0%,
+    rgba(221, 199, 161, 0.7) 100%
+  );
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #1d2021;
+  border-radius: 6px;
+  color: #ddc7a1;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #d4be98;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(221, 199, 161, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.2);
+  border-color: #d4be98;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #141617;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #d4be98;
+}
+
+.workspace-button:hover {
+  color: #ddc7a1;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #d4be98;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(60, 56, 54, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(60, 56, 54, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(80, 73, 69, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(40, 40, 40, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #ddc7a1;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #ddc7a1;
+}
+
+.desklet:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.photoframe-box {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/cinnamon/thumbnail.png b/themes/Gruvbox-Dark-BL-LB/cinnamon/thumbnail.png
new file mode 100644
index 0000000..e556a5d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/cinnamon/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/applogo.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/applogo.svg
new file mode 100644
index 0000000..eedf912
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/applogo.svg
@@ -0,0 +1,293 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="88.954416"
+     inkscape:cy="129.67577"
+     inkscape:window-width="1880"
+     inkscape:window-height="956"
+     inkscape:window-x="55"
+     inkscape:window-y="55"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g22"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#ebdbb2;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..ec8b478
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..6fc5556
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-today.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 0000000..5e77084
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg10621"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs10623">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient99561-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient34508-1-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop34510-1-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop34512-4-5" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient10592"
+       xlink:href="#linearGradient34508-1-3"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3770"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3007"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3067"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3072"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient2997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-23.537329"
+     inkscape:cy="-31.442864"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2133"
+     inkscape:window-height="1241"
+     inkscape:window-x="238"
+     inkscape:window-y="88"
+     inkscape:window-maximized="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3109"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata10626">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-469.08263,-537.99307)">
+    <circle
+       style="color:#000000;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:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path7305"
+       cx="481.57138"
+       cy="559.4649"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 0000000..5bc9d3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="5.2540541"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#e0e0e0"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-off.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..0c5e5a0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..63c390c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="7.8054054"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#333333"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/dash-placeholder.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..172156a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-events.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..239177d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-notifications.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..ae09f92
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/noise-texture.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 0000000..484f6c8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/process-working.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..eedadce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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 -4v-3z"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off-dark.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..3acc14a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..7610680
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="-9.9099099"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#e0e0e0"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     style="fill:#313744"
+     id="circle4" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..4685294
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="7.6756757"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#333333"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     id="circle4"
+     style="fill:#ffffff" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/gnome-shell.css b/themes/Gruvbox-Dark-BL-LB/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..c77a742
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/gnome-shell.css
@@ -0,0 +1,4618 @@
+/* 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.
+ */
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.background-app-item .title,
+.world-clocks-button .world-clocks-header {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container,
+.background-app-item .subtitle {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(221, 199, 161, 0.3);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #d4be98;
+  -pie-background-color: rgba(221, 199, 161, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #d4be98;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #ddc7a1;
+  border-radius: 15px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(40, 40, 40, 0.65);
+  color: #e9b143;
+  border-radius: 24px;
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(40, 40, 40, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(40, 40, 40, 0.65);
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 15px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(40, 40, 40, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(29, 32, 33, 0.85);
+  border: 1px solid #141617;
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #ddc7a1 !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr,
+.rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #7daea3;
+}
+
+.shell-link:hover {
+  color: #45707a;
+  background-color: rgba(125, 174, 163, 0.15);
+}
+
+.shell-link:active {
+  color: #266b79;
+  background-color: rgba(125, 174, 163, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.hotplug-notification-item,
+.icon-button,
+.background-app-item .close-button,
+.button {
+  color: #ddc7a1;
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.background-app-item .close-button:focus,
+.button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.background-app-item .close-button:hover,
+.button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.hotplug-notification-item:active,
+.icon-button:active,
+.background-app-item .close-button:active,
+.button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.background-app-item .close-button:insensitive,
+.button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:outlined,
+.screenshot-ui-type-button:outlined,
+.unlock-dialog .cancel-button:outlined,
+.unlock-dialog .switch-user-button:outlined,
+.unlock-dialog .login-dialog-session-list-button:outlined,
+.unlock-dialog .modal-dialog-button:outlined,
+.screenshot-ui-show-pointer-button:checked,
+.screenshot-ui-type-button:checked,
+.unlock-dialog .cancel-button:checked,
+.unlock-dialog .switch-user-button:checked,
+.unlock-dialog .login-dialog-session-list-button:checked,
+.unlock-dialog .modal-dialog-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button,
+.background-app-item .close-button {
+  border-radius: 9999px;
+  padding: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.icon-button StIcon,
+.background-app-item .close-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none;
+}
+
+#calendarArea {
+  padding: 4px;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: none;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px 12px;
+  margin: 0;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+  margin: 4px;
+}
+
+.datemenu-today-button:ltr {
+  margin-left: 4px;
+}
+
+.datemenu-today-button:rtl {
+  margin-right: 4px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(221, 199, 161, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7) !important;
+  background-color: rgba(221, 199, 161, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1 !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #7daea3;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #e9b143;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #d3869b;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(221, 199, 161, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 4px 0 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  font-weight: bold;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.events-button .event-time {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-city {
+  font-weight: bold;
+  font-size: 11pt;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.world-clocks-button .world-clocks-time {
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+  color: #ddc7a1;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(212, 190, 152, 0.35);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #e9b143;
+  border-radius: 12px;
+  padding: 6px 12px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  text-align: center;
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 15px;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #ddc7a1;
+  background-color: #266b79;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #ddc7a1;
+  background-color: #ae5858;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #ddc7a1;
+  background-color: #45707a;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(212, 190, 152, 0.05);
+  color: rgba(212, 190, 152, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #d8a657;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  text-align: center;
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #ea6962;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #d8a657;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry,
+.login-dialog StEntry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(221, 199, 161, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.candidate-box:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #282828;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: #3c3836;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key:grayed {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #282828;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #ddc7a1;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #d4be98;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #282828;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #d4be98;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: #282828;
+  background-image: url('background.png');
+  background-size: cover;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+#panel.login-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.login-dialog {
+  color: #ddc7a1;
+}
+
+.login-dialog StEntry {
+  border-radius: 9999px;
+}
+
+.login-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.login-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.unlock-dialog {
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(29, 32, 33, 0.95) !important;
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.unlock-dialog .user-widget-label {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #d8a657;
+}
+
+.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: #ddc7a1;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #d4be98;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(221, 199, 161, 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:focus {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(221, 199, 161, 0.3) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(221, 199, 161, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #282828 !important;
+  spacing: 6px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 12px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #ddc7a1 !important;
+  border: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  box-shadow: inset 0 -1px 0 rgba(221, 199, 161, 0.12);
+  spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+  icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: inset 0 -2px 0 #d4be98;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #7daea3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #45707a;
+}
+
+.lg-dialog .shell-link:active {
+  color: #266b79;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #ddc7a1;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: #ddc7a1 !important;
+  padding: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(221, 199, 161, 0.7) !important;
+  background: #282828 !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #ddc7a1;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(221, 199, 161, 0.12);
+  padding: 0;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 8px;
+  padding-right: 10px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  padding-left: 10px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 4px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+  border-radius: 12px;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+  color: #ddc7a1;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-close-button {
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button,
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #ddc7a1;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message .message-body {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.url-highlighter {
+  link-color: #7daea3;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message-media-control:hover,
+.message-media-control:focus,
+.message-media-control:active {
+  color: #ddc7a1;
+}
+
+.message-media-control:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #ddc7a1;
+}
+
+.user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon.user-avatar {
+  border: none;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #d8a657;
+}
+
+/* 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: #ddc7a1;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 30em;
+  min-height: 65px;
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  text-shadow: none;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+}
+
+.notification-banner:hover {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(221, 199, 161, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.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(221, 199, 161, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  min-width: 160px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.15);
+  color: #ddc7a1;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.15);
+  -barlevel-active-background-color: #ddc7a1;
+  -barlevel-overdrive-color: #ea6962;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(221, 199, 161, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #ddc7a1;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(221, 199, 161, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #ddc7a1;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  height: 35px;
+  font-size: 11pt;
+  font-weight: bold;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  box-shadow: none;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(29, 32, 33, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  transition-duration: 150ms;
+  text-shadow: none;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button.clock-display {
+  -natural-hpadding: 0;
+  -minimum-hpadding: 0;
+  border: none;
+}
+
+#panel .panel-button.clock-display .clock-display-box {
+  spacing: 3px;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  padding-left: 12px;
+  padding-right: 12px;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:active:hover,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:focus:hover,
+#panel .panel-button.clock-display:checked,
+#panel .panel-button.clock-display:checked:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:active:hover .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:focus:hover .clock,
+#panel .panel-button.clock-display:checked .clock,
+#panel .panel-button.clock-display:checked:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 6px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .appindicator-trayicons-box {
+  margin: 0 6px;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
+#panel
+  Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
+  -natural-hpadding: 18px !important;
+  -minimum-hpadding: 18px !important;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+#panel:overview .panel-button,
+#panel.unlock-screen .panel-button,
+#panel.lock-screen .panel-button {
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display,
+#panel:overview .panel-button.clock-display .clock,
+#panel.unlock-screen .panel-button.clock-display,
+#panel.unlock-screen .panel-button.clock-display .clock,
+#panel.lock-screen .panel-button.clock-display,
+#panel.lock-screen .panel-button.clock-display .clock {
+  color: #ddc7a1;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:active:hover,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:focus:hover,
+#panel:overview .panel-button:checked,
+#panel:overview .panel-button:checked:hover,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:active:hover,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:focus:hover,
+#panel.unlock-screen .panel-button:checked,
+#panel.unlock-screen .panel-button:checked:hover,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:active:hover,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:focus:hover,
+#panel.lock-screen .panel-button:checked,
+#panel.lock-screen .panel-button:checked:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:active:hover,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:focus:hover,
+#panel:overview .panel-button.clock-display:checked,
+#panel:overview .panel-button.clock-display:checked:hover,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:active:hover,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:focus:hover,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:checked:hover,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:active:hover,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:focus:hover,
+#panel.lock-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:active:hover .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:focus:hover .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel:overview .panel-button.clock-display:checked:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:active:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:checked:hover .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:active:hover .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:checked:hover .clock {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #ddc7a1;
+}
+
+#panel:overview #panelActivities.panel-button,
+#panel.unlock-screen #panelActivities.panel-button,
+#panel.lock-screen #panelActivities.panel-button {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview #panelActivities.panel-button:hover,
+#panel.unlock-screen #panelActivities.panel-button:hover,
+#panel.lock-screen #panelActivities.panel-button:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #d8a657;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 18px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #ddc7a1;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #ddc7a1 !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #ddc7a1 !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4be98 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: #3c3836 !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #e78a4e !important;
+  background-color: #3c3836 !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #ddc7a1 !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #ddc7a1 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #ddc7a1;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3c3836;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(40, 40, 40, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(40, 40, 40, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.3);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(221, 199, 161, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #ddc7a1;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #d4be98;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #ddc7a1;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(40, 40, 40, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(221, 199, 161, 0.3);
+  -slider-border-color: #e9b143;
+  -slider-active-background-color: #e9b143;
+  -slider-active-border-color: #e9b143;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f28534;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #e9b143;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+  color: #ddc7a1;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #7daea3;
+}
+
+.switcher-arrow:highlighted {
+  color: #e9b143;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #d4be98;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #ddc7a1;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(221, 199, 161, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(221, 199, 161, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.page-navigation-arrow:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.page-navigation-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.page-navigation-arrow:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 !important;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+.dash-background {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 22px;
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.dash-item-container > * {
+  margin: 0 2px;
+}
+
+.dash-item-container:ltr:first-child {
+  margin-left: 0;
+}
+
+.dash-item-container:rtl:first-child {
+  margin-right: 0;
+}
+
+.dash-item-container .app-well-app,
+.dash-item-container .show-apps {
+  padding: 10px 0 26px;
+  border-radius: 12px;
+}
+
+.dash-item-container .app-well-app .overview-icon,
+.dash-item-container .show-apps .overview-icon {
+  padding: 5px;
+  border-radius: 12px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #141617;
+}
+
+.osd-window {
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  margin-bottom: 4px;
+}
+
+.osd-window .level:first-child {
+  margin-bottom: 0px;
+}
+
+.osd-window .level:ltr {
+  margin-right: 6px;
+}
+
+.osd-window .level:rtl {
+  margin-left: 6px;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 3px 0 !important;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px !important;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+  background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+  margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+  margin-left: 2.5em;
+}
+
+.popup-sub-menu
+  .popup-separator-menu-item
+  .popup-separator-menu-item-separator {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+  margin-top: 8px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .background-app-item .close-button,
+.background-app-item .quick-settings .close-button,
+.quick-settings .button {
+  min-height: 22px;
+  min-width: 22px;
+  padding: 9px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings .close-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle,
+.quick-menu-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.06) !important;
+}
+
+.quick-toggle {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-toggle:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:active {
+  background-color: rgba(221, 199, 161, 0.15) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-title {
+  font-weight: bold;
+}
+
+.quick-toggle StBoxLayout > .quick-toggle-subtitle {
+  font-weight: normal;
+  font-size: 12px;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 16px;
+}
+
+.quick-menu-toggle .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-menu-toggle .quick-toggle:ltr {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
+  padding-right: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
+  padding-left: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.08) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(221, 199, 161, 0.2) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+  border-left-width: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+  border-right-width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button,
+.quick-slider .background-app-item .close-button,
+.background-app-item .quick-slider .close-button {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.quick-slider .icon-button:hover,
+.quick-slider .background-app-item .close-button:hover,
+.background-app-item .quick-slider .close-button:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.quick-slider .icon-button:active,
+.quick-slider .background-app-item .close-button:active,
+.background-app-item .quick-slider .close-button:active {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.quick-toggle-menu {
+  border-radius: 12px !important;
+  padding: 12px !important;
+  margin: 10px 30px 0 !important;
+  background-color: #3c3836 !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-separator-menu-item-separator {
+  padding: 0 !important;
+  margin: 0 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-menu-item StLabel {
+  color: #ddc7a1;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #282828 !important;
+  color: #e9b143 !important;
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #282828 !important;
+  color: #e9b143 !important;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button > StIcon,
+.quick-settings-system-item .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings-system-item .close-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0 !important;
+  min-width: 0 !important;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #e9b143;
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.background-apps-quick-toggle {
+  min-height: 40px;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 16px !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 32px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .close-button {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: #ddc7a1;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: none;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #ddc7a1;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #ddc7a1;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #8bba7f;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: #32302f;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #282828;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #32302f;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #ddc7a1;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #ddc7a1;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #282828;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+  .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #ddc7a1;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-tooltip {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  border: none;
+  box-shadow: none;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #473c29;
+  color: #ddc7a1;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #ddc7a1;
+  background-color: #37222c;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #ddc7a1;
+  background-color: #141617;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #ddc7a1;
+  border-radius: 9px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #ddc7a1;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #ea6962;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #ea6962;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #ddc7a1;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-events.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-notifications.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/pad-osd.css b/themes/Gruvbox-Dark-BL-LB/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..256144f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #504945;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #ddc7a1;
+  fill: #ddc7a1;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #504945 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #ddc7a1 !important;
+  fill: #504945 !important;
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gnome-shell/process-working.svg b/themes/Gruvbox-Dark-BL-LB/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc b/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc
new file mode 100644
index 0000000..dcd32b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 2 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 2
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 2
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 2
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 2
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc.hidpi b/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 0000000..15921f8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 4
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 4
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 4
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/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/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/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/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/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/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk-dark.css b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..28d7494
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11565 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #473c29;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #d4be98;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 100px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 100px 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 {
+  margin: 0;
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd decoration {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #141617;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+button.titlebutton.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+button.titlebutton.close:not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: none;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(40, 40, 40, 1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #473c29;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk.css b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk.css
new file mode 100644
index 0000000..28d7494
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11565 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #473c29;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #d4be98;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 100px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 100px 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 {
+  margin: 0;
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd decoration {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #141617;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+button.titlebutton.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #89b482;
+  color: #1d2021;
+}
+
+button.titlebutton.close:not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: none;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(40, 40, 40, 1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #473c29;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-3.0/thumbnail.png b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-3.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/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/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/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/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/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/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk-dark.css b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..f7aa972
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7019 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #16161e;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+leaflet > box:last-child > headerbar {
+  border-top-right-radius: 0;
+}
+
+leaflet > box:not(:last-child) > headerbar,
+leaflet > box > stack > widget > box > widget > headerbar {
+  border-top-left-radius: 0;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  border-radius: 12px;
+  color: #d4be98;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-clip: border-box;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #d4be98;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #a9b665;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #a9b665;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ece6a;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #a9b665;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  outline: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 2px transparent, 0 3px 4px transparent,
+    0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #a9b665;
+  color: #1d2021;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #7daea3;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #a9b665;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+  padding: 0;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #a9b665;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 1px 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #a9b665;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #a9b665;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #a9b665;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk.css b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk.css
new file mode 100644
index 0000000..5efc7cf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/gtk.css
@@ -0,0 +1,7018 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #16161e;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+leaflet > box:last-child > headerbar {
+  border-top-right-radius: 0;
+}
+
+leaflet > box:not(:last-child) > headerbar,
+leaflet > box > stack > widget > box > widget > headerbar {
+  border-top-left-radius: 0;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  border-radius: 12px;
+  color: #d4be98;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-clip: border-box;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #d4be98;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #a9b665;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #a9b665;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ece6a;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #a9b665;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  outline: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 2px transparent, 0 3px 4px transparent,
+    0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 3px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #a9b665;
+  color: #1d2021;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ea6962;
+  color: #1d2021;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #7daea3;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #a9b665;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #a9b665;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 1px 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #a9b665;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #a9b665;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #a9b665;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL-LB/gtk-4.0/thumbnail.png b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/gtk-4.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL-LB/index.theme b/themes/Gruvbox-Dark-BL-LB/index.theme
new file mode 100644
index 0000000..21e2db7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Kanagawa
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Kanagawa
+MetacityTheme=Kanagawa
+IconTheme=Kanagawa
+CursorTheme=Kanagawa-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/button.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/close.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/maximize.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/menu.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/minimize.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/shade.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unmaximize.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..9106037
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unshade.svg b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-1.xml b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-1.xml
new file mode 120000
index 0000000..e01e161
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-2.xml b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..c9514df
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,736 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Kanagawa Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Kanagawa Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="#2d2d2d" />
+  <constant name="C_titlebar_unfocused" value="#242424" />
+  <constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1" />
+  <constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1" />
+  <constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87" />
+  <constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="13" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <aspect_ratio name="button" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false"
+    parent="normal">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="title_vertical_pad" value="2" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false"
+    rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4"
+    rounded_bottom_right="4" parent="normal">
+    <distance name="title_vertical_pad" value="4" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="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/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-3.xml b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..20e04e1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,793 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Kanagawa Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Kanagawa Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])" />
+  <constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])" />
+  <constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+  <constant name="C_button_close_bg_hover"
+    value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_bg_active"
+    value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="18" />
+    <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="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <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="8"
+    rounded_bottom_right="8" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused" />
+    <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused" />
+    <button version=">= 3.5" function="appmenu" state="prelight"
+      draw_ops="appmenu_unfocused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- frame style sets -->
+
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless_focused" />
+    <frame focus="no" state="maximized" style="borderless_unfocused" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- windows -->
+
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/themes/Gruvbox-Dark-BL-LB/metacity-1/thumbnail.png b/themes/Gruvbox-Dark-BL-LB/metacity-1/thumbnail.png
new file mode 100644
index 0000000..f9021a4
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/metacity-1/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-active.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-inactve.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-inactve.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-left-inactve.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/bottom-right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/close-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-active.png
new file mode 100644
index 0000000..ae0e644
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/close-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-inactive.png
new file mode 100644
index 0000000..a000bdc
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/close-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-prelight.png
new file mode 100644
index 0000000..0eb9a87
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/close-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-pressed.png
new file mode 100644
index 0000000..a785f2f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/close-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-active.png
new file mode 100644
index 0000000..7010da5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-inactive.png
new file mode 100644
index 0000000..d566f12
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-prelight.png
new file mode 100644
index 0000000..22030ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-pressed.png
new file mode 100644
index 0000000..a2b0bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/hide-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/left-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/left-active.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/left-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/left-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/left-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/left-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-active.png
new file mode 100644
index 0000000..a4f003e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 0000000..de371af
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000..d8bca5a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 0000000..fd40721
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 0000000..d7c6673
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 0000000..de28ed8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 0000000..57c20f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000..27f8637
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/maximize-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-active.png
new file mode 100644
index 0000000..f05b2ad
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-inactive.png
new file mode 100644
index 0000000..f7deadd
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-prelight.png
new file mode 100644
index 0000000..6e8791f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-pressed.png
new file mode 100644
index 0000000..eed106e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/menu-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/right-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/right-active.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/right-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/right-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/right-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-active.png
new file mode 100644
index 0000000..e5bace5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-inactive.png
new file mode 100644
index 0000000..27c0851
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-prelight.png
new file mode 100644
index 0000000..a843ae9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-pressed.png
new file mode 100644
index 0000000..dc77d1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 0000000..844eeb8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 0000000..840dcaa
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 0000000..2b46fca
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 0000000..0796ace
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/shade-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-active.png
new file mode 100644
index 0000000..344db33
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-inactive.png
new file mode 100644
index 0000000..a25f972
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-prelight.png
new file mode 100644
index 0000000..22ea472
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-pressed.png
new file mode 100644
index 0000000..72b5ce7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 0000000..fb6c61a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 0000000..2d1ba40
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-prelight.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 0000000..8fe8747
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-pressed.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 0000000..980f134
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/stick-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/themerc b/themes/Gruvbox-Dark-BL-LB/xfwm4/themerc
new file mode 100644
index 0000000..8ed1a77
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-1-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-2-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-3-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-4-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/title-5-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-active.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-left-inactive.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-active.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-active.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-active.png
diff --git a/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-inactive.png b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL-LB/xfwm4/top-right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-active.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..4b74285
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 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 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-hover.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..8a1d351
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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"
+       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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..8dba5df
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     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: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"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;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:#000000;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:#000000;solid-opacity:1;fill:#ffffff;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/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..dcf8298
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..ed66559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 0000000..65c1901
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-off.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..b3a73fa
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/close-active.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..0dde2b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/close-hover.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..37f8806
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/close.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/close.svg
new file mode 100644
index 0000000..5dcc697
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/corner-ripple.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..6440b6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-dark.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 0000000..375c388
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-off.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..27a8ab4
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-off.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..23f9373
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..510abf1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/assets/trash-icon.svg b/themes/Gruvbox-Dark-BL/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..d78a123
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/cinnamon.css b/themes/Gruvbox-Dark-BL/cinnamon/cinnamon.css
new file mode 100644
index 0000000..b7371da
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/cinnamon.css
@@ -0,0 +1,2269 @@
+stage {
+  font-size: 9pt;
+  color: #ddc7a1;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.sound-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #d4be98;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid #d4be98;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(29, 32, 33, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: #504945;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #473c29;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(221, 199, 161, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #7daea3;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #45707a;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: #ddc7a1;
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(29, 32, 33, 0.85);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #89b482;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.panel-dummy {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(234, 105, 98, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(20, 22, 23, 0.9);
+  border: 1px solid rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #d4be98;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #d4be98;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #d4be98;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(221, 199, 161, 0);
+  background-color: rgba(221, 199, 161, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #d4be98;
+  background-color: #16161e;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #16161e;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.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.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #737aa2;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  background-color: #1d2021;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #737aa2;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #ddc7a1;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(221, 199, 161, 0.25);
+}
+
+.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');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #ddc7a1;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(221, 199, 161, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #ddc7a1;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(221, 199, 161, 0.3);
+  font-weight: bold;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.9);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(221, 199, 161, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #ddc7a1;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #ddc7a1;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #ddc7a1;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #d4be98;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border: 0px solid #d4be98;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #ddc7a1;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  background-color: rgba(21, 22, 30, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #ddc7a1;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #ea6962;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #ddc7a1;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #d4be98;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #d8a657;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.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: #d4be98;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #ddc7a1;
+}
+
+.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;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #ea6962;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(20, 22, 23, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(221, 199, 161, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #ddc7a1;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(20, 22, 23, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(221, 199, 161, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #ddc7a1;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #ddc7a1;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.75);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 0;
+  background-color: rgba(29, 32, 33, 0.75);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #d4be98;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(221, 199, 161, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.25);
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(221, 199, 161, 0.7) 0%,
+    rgba(221, 199, 161, 0.7) 100%
+  );
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #1d2021;
+  border-radius: 6px;
+  color: #ddc7a1;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #d4be98;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(221, 199, 161, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(221, 199, 161, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.2);
+  border-color: #d4be98;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #a9b665;
+  background-gradient-end: #a9b665;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #d8a657;
+  background-gradient-end: #d8a657;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #141617;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #d4be98;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #d4be98;
+}
+
+.workspace-button:hover {
+  color: #ddc7a1;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #d4be98;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(60, 56, 54, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(60, 56, 54, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(80, 73, 69, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(40, 40, 40, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(221, 199, 161, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #ddc7a1;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #ddc7a1;
+}
+
+.desklet:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(234, 105, 98, 0.5);
+}
+
+.desklet-header {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.photoframe-box {
+  color: #ddc7a1;
+  background-color: rgba(20, 22, 23, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/themes/Gruvbox-Dark-BL/cinnamon/thumbnail.png b/themes/Gruvbox-Dark-BL/cinnamon/thumbnail.png
new file mode 100644
index 0000000..e556a5d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/cinnamon/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/applogo.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/applogo.svg
new file mode 100644
index 0000000..eedf912
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/applogo.svg
@@ -0,0 +1,293 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="88.954416"
+     inkscape:cy="129.67577"
+     inkscape:window-width="1880"
+     inkscape:window-height="956"
+     inkscape:window-x="55"
+     inkscape:window-y="55"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g22"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#ebdbb2;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-left.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..ec8b478
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-right.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..6fc5556
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-today.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 0000000..5e77084
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg10621"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs10623">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient99561-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient34508-1-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop34510-1-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop34512-4-5" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient10592"
+       xlink:href="#linearGradient34508-1-3"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3770"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3007"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3067"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3072"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient2997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-23.537329"
+     inkscape:cy="-31.442864"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2133"
+     inkscape:window-height="1241"
+     inkscape:window-x="238"
+     inkscape:window-y="88"
+     inkscape:window-maximized="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3109"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata10626">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-469.08263,-537.99307)">
+    <circle
+       style="color:#000000;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:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path7305"
+       cx="481.57138"
+       cy="559.4649"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-dark.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 0000000..5bc9d3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="5.2540541"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#e0e0e0"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-off.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..0c5e5a0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..63c390c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="23.125"
+     inkscape:cx="7.8054054"
+     inkscape:cy="11.978378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     style="fill:#333333"
+     id="path2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/dash-placeholder.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..172156a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-events.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..239177d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-notifications.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..ae09f92
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/noise-texture.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 0000000..484f6c8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/process-working.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..eedadce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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 -4v-3z"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off-dark.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 0000000..2341bc5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..3acc14a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on-dark.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..7610680
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="-9.9099099"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#e0e0e0"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     style="fill:#313744"
+     id="circle4" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on.svg b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..4685294
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="7.6756757"
+     inkscape:cy="15.927928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="0"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     style="fill:#333333"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="10"
+     r="5"
+     id="circle4"
+     style="fill:#ffffff" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/gnome-shell.css b/themes/Gruvbox-Dark-BL/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..c77a742
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/gnome-shell.css
@@ -0,0 +1,4618 @@
+/* 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.
+ */
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.background-app-item .title,
+.world-clocks-button .world-clocks-header {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container,
+.background-app-item .subtitle {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(221, 199, 161, 0.3);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #d4be98;
+  -pie-background-color: rgba(221, 199, 161, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #d4be98;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #ddc7a1;
+  border-radius: 15px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(40, 40, 40, 0.65);
+  color: #e9b143;
+  border-radius: 24px;
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(40, 40, 40, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(40, 40, 40, 0.65);
+  border-radius: 24px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 15px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(40, 40, 40, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(29, 32, 33, 0.85);
+  border: 1px solid #141617;
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #ddc7a1 !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr,
+.rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #7daea3;
+}
+
+.shell-link:hover {
+  color: #45707a;
+  background-color: rgba(125, 174, 163, 0.15);
+}
+
+.shell-link:active {
+  color: #266b79;
+  background-color: rgba(125, 174, 163, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.hotplug-notification-item,
+.icon-button,
+.background-app-item .close-button,
+.button {
+  color: #ddc7a1;
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.background-app-item .close-button:focus,
+.button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.background-app-item .close-button:hover,
+.button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.hotplug-notification-item:active,
+.icon-button:active,
+.background-app-item .close-button:active,
+.button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.background-app-item .close-button:insensitive,
+.button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: #282828;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ddc7a1;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(221, 199, 161, 0.35);
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:outlined,
+.screenshot-ui-type-button:outlined,
+.unlock-dialog .cancel-button:outlined,
+.unlock-dialog .switch-user-button:outlined,
+.unlock-dialog .login-dialog-session-list-button:outlined,
+.unlock-dialog .modal-dialog-button:outlined,
+.screenshot-ui-show-pointer-button:checked,
+.screenshot-ui-type-button:checked,
+.unlock-dialog .cancel-button:checked,
+.unlock-dialog .switch-user-button:checked,
+.unlock-dialog .login-dialog-session-list-button:checked,
+.unlock-dialog .modal-dialog-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button,
+.background-app-item .close-button {
+  border-radius: 9999px;
+  padding: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.icon-button StIcon,
+.background-app-item .close-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none;
+}
+
+#calendarArea {
+  padding: 4px;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: none;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px 12px;
+  margin: 0;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+  margin: 4px;
+}
+
+.datemenu-today-button:ltr {
+  margin-left: 4px;
+}
+
+.datemenu-today-button:rtl {
+  margin-right: 4px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(221, 199, 161, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7) !important;
+  background-color: rgba(221, 199, 161, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1 !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #7daea3;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #e9b143;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #d3869b;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(221, 199, 161, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 4px 0 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  font-weight: bold;
+  text-shadow: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.events-button .event-time {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-button .world-clocks-city {
+  font-weight: bold;
+  font-size: 11pt;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.world-clocks-button .world-clocks-time {
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+  color: #ddc7a1;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(212, 190, 152, 0.35);
+  box-shadow: 0 0 2px 2px #ddc7a1;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #e9b143;
+  border-radius: 12px;
+  padding: 6px 12px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  text-align: center;
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 15px;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #ddc7a1;
+  background-color: #266b79;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #ddc7a1;
+  background-color: #ae5858;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #ddc7a1;
+  background-color: #45707a;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(212, 190, 152, 0.05);
+  color: rgba(212, 190, 152, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #ddc7a1;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #d8a657;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  text-align: center;
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 10pt;
+}
+
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #ea6962;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #d8a657;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry,
+.login-dialog StEntry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #d8a657;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(221, 199, 161, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.candidate-box:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #282828;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: #3c3836;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key:grayed {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #282828;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #ddc7a1;
+  background-color: #504945;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #ddc7a1;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #d4be98;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #282828;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #d4be98;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: #282828;
+  background-image: url('background.png');
+  background-size: cover;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+#panel.login-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.login-dialog {
+  color: #ddc7a1;
+}
+
+.login-dialog StEntry {
+  border-radius: 9999px;
+}
+
+.login-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog .user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.login-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.unlock-dialog {
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(29, 32, 33, 0.95) !important;
+  color: #ddc7a1 !important;
+}
+
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.unlock-dialog .user-widget-label {
+  color: rgba(221, 199, 161, 0.7) !important;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #d8a657;
+}
+
+.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: #ddc7a1;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #d4be98;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(221, 199, 161, 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:focus {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(221, 199, 161, 0.3) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(221, 199, 161, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #282828 !important;
+  spacing: 6px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 12px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #ddc7a1 !important;
+  border: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  box-shadow: inset 0 -1px 0 rgba(221, 199, 161, 0.12);
+  spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+  icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: inset 0 -2px 0 #d4be98;
+  color: #ddc7a1;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #d4be98;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #7daea3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #45707a;
+}
+
+.lg-dialog .shell-link:active {
+  color: #266b79;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #ddc7a1;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: #ddc7a1 !important;
+  padding: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(221, 199, 161, 0.7) !important;
+  background: #282828 !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #ddc7a1;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(221, 199, 161, 0.12);
+  padding: 0;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 8px;
+  padding-right: 10px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  padding-left: 10px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 4px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+  border-radius: 12px;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+  color: #ddc7a1;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message .message-close-button {
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button,
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #ddc7a1;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message .message-body {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.url-highlighter {
+  link-color: #7daea3;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.message-media-control:hover,
+.message-media-control:focus,
+.message-media-control:active {
+  color: #ddc7a1;
+}
+
+.message-media-control:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #ddc7a1;
+}
+
+.user-icon StIcon {
+  background-color: #282828;
+  color: #ddc7a1;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon.user-avatar {
+  border: none;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #ddc7a1;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #d8a657;
+}
+
+/* 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: #ddc7a1;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 30em;
+  min-height: 65px;
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  text-shadow: none;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+}
+
+.notification-banner:hover {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+  border: solid 1px rgba(221, 199, 161, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #ddc7a1;
+  background-color: rgba(40, 40, 40, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(221, 199, 161, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.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(221, 199, 161, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(29, 32, 33, 0.95);
+  border: none;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  min-width: 160px;
+  border-radius: 2px;
+  background-color: rgba(221, 199, 161, 0.15);
+  color: #ddc7a1;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.15);
+  -barlevel-active-background-color: #ddc7a1;
+  -barlevel-overdrive-color: #ea6962;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(221, 199, 161, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #ddc7a1;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(221, 199, 161, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #ddc7a1;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  height: 35px;
+  font-size: 11pt;
+  font-weight: bold;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  box-shadow: none;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(29, 32, 33, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  transition-duration: 150ms;
+  text-shadow: none;
+  border-radius: 9999px;
+  color: #ddc7a1;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button.clock-display {
+  -natural-hpadding: 0;
+  -minimum-hpadding: 0;
+  border: none;
+}
+
+#panel .panel-button.clock-display .clock-display-box {
+  spacing: 3px;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  padding-left: 12px;
+  padding-right: 12px;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:active:hover,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:focus:hover,
+#panel .panel-button.clock-display:checked,
+#panel .panel-button.clock-display:checked:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:active:hover .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:focus:hover .clock,
+#panel .panel-button.clock-display:checked .clock,
+#panel .panel-button.clock-display:checked:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 6px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .appindicator-trayicons-box {
+  margin: 0 6px;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
+#panel
+  Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
+  -natural-hpadding: 18px !important;
+  -minimum-hpadding: 18px !important;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+#panel:overview .panel-button,
+#panel.unlock-screen .panel-button,
+#panel.lock-screen .panel-button {
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display,
+#panel:overview .panel-button.clock-display .clock,
+#panel.unlock-screen .panel-button.clock-display,
+#panel.unlock-screen .panel-button.clock-display .clock,
+#panel.lock-screen .panel-button.clock-display,
+#panel.lock-screen .panel-button.clock-display .clock {
+  color: #ddc7a1;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 1000px rgba(221, 199, 161, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:active:hover,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:focus:hover,
+#panel:overview .panel-button:checked,
+#panel:overview .panel-button:checked:hover,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:active:hover,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:focus:hover,
+#panel.unlock-screen .panel-button:checked,
+#panel.unlock-screen .panel-button:checked:hover,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:active:hover,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:focus:hover,
+#panel.lock-screen .panel-button:checked,
+#panel.lock-screen .panel-button:checked:hover {
+  color: #e9b143;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:active:hover,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:focus:hover,
+#panel:overview .panel-button.clock-display:checked,
+#panel:overview .panel-button.clock-display:checked:hover,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:active:hover,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:focus:hover,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:checked:hover,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:active:hover,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:focus:hover,
+#panel.lock-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #e9b143;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:active:hover .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:focus:hover .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel:overview .panel-button.clock-display:checked:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:active:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:checked:hover .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:active:hover .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:focus:hover .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:checked:hover .clock {
+  box-shadow: inset 0 0 0 1000px #3c3836;
+  color: #ddc7a1;
+}
+
+#panel:overview #panelActivities.panel-button,
+#panel.unlock-screen #panelActivities.panel-button,
+#panel.lock-screen #panelActivities.panel-button {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #3c3836;
+}
+
+#panel:overview #panelActivities.panel-button:hover,
+#panel.unlock-screen #panelActivities.panel-button:hover,
+#panel.lock-screen #panelActivities.panel-button:hover {
+  color: #e9b143;
+  box-shadow: inset 0 0 0 1000px #282828;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #d8a657;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 18px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #ddc7a1;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(40, 40, 40, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #ddc7a1 !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #ddc7a1 !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #d4be98 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: #3c3836 !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #e78a4e !important;
+  background-color: #3c3836 !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #ddc7a1 !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #ddc7a1 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(221, 199, 161, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #ddc7a1;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3c3836;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(40, 40, 40, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(40, 40, 40, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.3);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(212, 190, 152, 0.5);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #d4be98;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #ddc7a1;
+  selection-background-color: rgba(221, 199, 161, 0.25);
+  selected-color: #ddc7a1;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #ddc7a1;
+  border-color: rgba(212, 190, 152, 0.35);
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #ddc7a1;
+  border-color: #d4be98;
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(221, 199, 161, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #ddc7a1;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #d4be98;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #ddc7a1;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(40, 40, 40, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(221, 199, 161, 0.3);
+  -slider-border-color: #e9b143;
+  -slider-active-background-color: #e9b143;
+  -slider-active-border-color: #e9b143;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f28534;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(221, 199, 161, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #e9b143;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #ea6982;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+  color: #ddc7a1;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3c3836;
+  color: #e9b143;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(221, 199, 161, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #7daea3;
+}
+
+.switcher-arrow:highlighted {
+  color: #e9b143;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #d4be98;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(212, 190, 152, 0.3);
+  border: 1px solid #d4be98;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #ddc7a1;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(221, 199, 161, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(221, 199, 161, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.page-navigation-arrow:insensitive {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.page-navigation-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.page-navigation-arrow:active {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #ddc7a1;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 !important;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+.dash-background {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 22px;
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.dash-item-container > * {
+  margin: 0 2px;
+}
+
+.dash-item-container:ltr:first-child {
+  margin-left: 0;
+}
+
+.dash-item-container:rtl:first-child {
+  margin-right: 0;
+}
+
+.dash-item-container .app-well-app,
+.dash-item-container .show-apps {
+  padding: 10px 0 26px;
+  border-radius: 12px;
+}
+
+.dash-item-container .app-well-app .overview-icon,
+.dash-item-container .show-apps .overview-icon {
+  padding: 5px;
+  border-radius: 12px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #141617;
+}
+
+.osd-window {
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  margin-bottom: 4px;
+}
+
+.osd-window .level:first-child {
+  margin-bottom: 0px;
+}
+
+.osd-window .level:ltr {
+  margin-right: 6px;
+}
+
+.osd-window .level:rtl {
+  margin-left: 6px;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 3px 0 !important;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px !important;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+  background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+  margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+  margin-left: 2.5em;
+}
+
+.popup-sub-menu
+  .popup-separator-menu-item
+  .popup-separator-menu-item-separator {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+  margin-top: 8px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .background-app-item .close-button,
+.background-app-item .quick-settings .close-button,
+.quick-settings .button {
+  min-height: 22px;
+  min-width: 22px;
+  padding: 9px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings .close-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle,
+.quick-menu-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.06) !important;
+}
+
+.quick-toggle {
+  background-color: rgba(221, 199, 161, 0.04) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-toggle:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:active {
+  background-color: rgba(221, 199, 161, 0.15) !important;
+  color: #ddc7a1;
+}
+
+.quick-toggle:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-title {
+  font-weight: bold;
+}
+
+.quick-toggle StBoxLayout > .quick-toggle-subtitle {
+  font-weight: normal;
+  font-size: 12px;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 16px;
+}
+
+.quick-menu-toggle .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-menu-toggle .quick-toggle:ltr {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
+  padding-right: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
+  padding-left: 9px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl:last-child {
+  border-radius: 6px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+  border: none;
+  background-color: rgba(221, 199, 161, 0.08) !important;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:hover {
+  background-color: rgba(221, 199, 161, 0.12) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(221, 199, 161, 0.2) !important;
+  color: #ddc7a1;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked {
+  background-color: #a89984 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:hover {
+  background-color: #928374 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked:active {
+  background-color: #7c6f64 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+  border-left-width: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+  border-right-width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.08);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button,
+.quick-slider .background-app-item .close-button,
+.background-app-item .quick-slider .close-button {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.quick-slider .icon-button:hover,
+.quick-slider .background-app-item .close-button:hover,
+.background-app-item .quick-slider .close-button:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.quick-slider .icon-button:active,
+.quick-slider .background-app-item .close-button:active,
+.background-app-item .quick-slider .close-button:active {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.quick-toggle-menu {
+  border-radius: 12px !important;
+  padding: 12px !important;
+  margin: 10px 30px 0 !important;
+  background-color: #3c3836 !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-separator-menu-item-separator {
+  padding: 0 !important;
+  margin: 0 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #ddc7a1 !important;
+}
+
+.quick-toggle-menu .popup-menu-item StLabel {
+  color: #ddc7a1;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #e9b143 !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #282828 !important;
+  color: #e9b143 !important;
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #282828 !important;
+  color: #e9b143 !important;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button > StIcon,
+.quick-settings-system-item .background-app-item .close-button > StIcon,
+.background-app-item .quick-settings-system-item .close-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0 !important;
+  min-width: 0 !important;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #e9b143;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #e9b143;
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.background-apps-quick-toggle {
+  min-height: 40px;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 16px !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 32px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .close-button {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: #ddc7a1;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: none;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #ddc7a1;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #ddc7a1;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #8bba7f;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: #32302f;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #282828;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #32302f;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #ddc7a1;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #ddc7a1;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #282828;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+  .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #ddc7a1;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px #ddc7a1;
+}
+
+.screenshot-ui-tooltip {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #ddc7a1;
+  background-color: rgba(29, 32, 33, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  border: none;
+  box-shadow: none;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #473c29;
+  color: #ddc7a1;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #ddc7a1;
+  background-color: #37222c;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #ddc7a1;
+  background-color: #141617;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(221, 199, 161, 0.7);
+  background-color: rgba(221, 199, 161, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #ddc7a1;
+  border-radius: 9px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #ddc7a1;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #ea6962;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #ea6962;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #8bba7f !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(40, 40, 40, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(221, 199, 161, 0.1);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(29, 32, 33, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #ddc7a1;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/no-events.svg b/themes/Gruvbox-Dark-BL/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/no-notifications.svg b/themes/Gruvbox-Dark-BL/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/pad-osd.css b/themes/Gruvbox-Dark-BL/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..256144f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #504945;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #ddc7a1;
+  fill: #ddc7a1;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #504945 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #ddc7a1 !important;
+  fill: #504945 !important;
+}
diff --git a/themes/Gruvbox-Dark-BL/gnome-shell/process-working.svg b/themes/Gruvbox-Dark-BL/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc b/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc
new file mode 100644
index 0000000..dcd32b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 2 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 2
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 2
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 2
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 2
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc.hidpi b/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 0000000..15921f8
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1d2021\nbg_color:#1d2021\ntooltip_bg_color:#1d2021\nselected_bg_color:#45707a\ntext_color:#d4be98\nfg_color:#d4be98\ntooltip_fg_color:#d4be98\nselected_fg_color:#d4be98\nmenubar_bg_color:#1d2021\nmenubar_fg_color:#d4be98\ntoolbar_bg_color:#1d2021\ntoolbar_fg_color:#d4be98\nmenu_bg_color:#1d2021\nmenu_fg_color:#d4be98\npanel_bg_color:#1d2021\npanel_fg_color:#d4be98\nlink_color:#076678\nbtn_bg_color:#d4be98\nbtn_fg_color:#282828\ntitlebar_bg_color:#1d2021\ntitlebar_fg_color:#d4be98\nprimary_caret_color:#d4be98\nsecondary_caret_color:#d4be98\naccent_bg_color:#45707a\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 4
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 4
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 4
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/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/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/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/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/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/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/gtk-dark.css b/themes/Gruvbox-Dark-BL/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..f725151
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11640 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #473c29;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #d4be98;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 100px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 100px 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 {
+  margin: 0;
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd decoration {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #141617;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:active {
+  background-color: #d8a657;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active {
+  background-color: shade(#d8a657, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:active {
+  background-color: #a9b665;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active {
+  background-color: shade(#a9b665, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:active {
+  background-color: #ea6962;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:active {
+  background-color: shade(#ea6962, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop {
+  background-color: #473c29;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: none;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(40, 40, 40, 1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #473c29;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/gtk.css b/themes/Gruvbox-Dark-BL/gtk-3.0/gtk.css
new file mode 100644
index 0000000..f725151
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/gtk.css
@@ -0,0 +1,11640 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #d8a657;
+@define-color error_color #ea6962;
+@define-color success_color #a9b665;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #d8a657;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #ea6962;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #ea6962;
+@define-color success_bg_color #a9b665;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #a9b665;
+@define-color warning_bg_color #d8a657;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #d8a657;
+@define-color error_bg_color #ea6962;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #ea6962;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #d4be98 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #d4be98 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #ea6962;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #d4be98;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #ddc7a1;
+  background-color: #473c29;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #141617;
+  color: #ddc7a1;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+.dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ea6962;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #d8a657;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#d4be98),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #ddc7a1;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #ddc7a1;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(212, 190, 152, 0.8);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(212, 190, 152, 0.6);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+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: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: #7daea3;
+}
+
+*:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #1d2021;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #282828;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .toolbar button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar .linked:not(.vertical) > button,
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .toolbar button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+.nemo-window .toolbar button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop,
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .toolbar button:backdrop:focus,
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:hover,
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .toolbar button:backdrop:active,
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:disabled,
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .toolbar button:backdrop:checked,
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .toolbar button:backdrop:checked:disabled,
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: #1d2021;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(
+    .destructive-action
+  ):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 8px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #1d2021;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):active {
+  box-shadow: inset 0 0 0 9999px rgba(221, 199, 161, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(221, 199, 161, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):checked {
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(
+    .destructive-action
+  ):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(221, 199, 161, 0.3);
+  border-top-color: rgba(221, 199, 161, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(
+    .trough
+  ):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #1d2021;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #141617;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #473c29;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #ddc7a1;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #282828;
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #89b482;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #504945;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -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-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #ddc7a1;
+}
+
+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;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #141617;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3c3836;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #89b482;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.03);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid transparent;
+}
+
+scrollbar.bottom {
+  border-top: 1px solid transparent;
+}
+
+scrollbar.left {
+  border-right: 1px solid transparent;
+}
+
+scrollbar.right {
+  border-left: 1px solid transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * 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;
+}
+
+.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/[email protected]')
+  );
+}
+
+.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/[email protected]')
+  );
+}
+
+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:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #d4be98;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #ddc7a1;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #d4be98;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-horz-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-before-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+      url('assets/scale-vert-marks-after-slider-dark.png'),
+      url('assets/[email protected]')
+    ),
+    radial-gradient(circle, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #a9b665;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box,
+.background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(
+    radial,
+    center bottom,
+    0,
+    center bottom,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(
+    radial,
+    left center,
+    0,
+    left center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(
+    radial,
+    right center,
+    0,
+    right center,
+    0.75,
+    to(rgba(212, 190, 152, 0.24)),
+    to(transparent)
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(221, 199, 161, 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: #ddc7a1;
+}
+
+expander title > arrow:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3c3836;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #d4be98;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+.csd filechooser {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #1d2021;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #d4be98;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(221, 199, 161, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.12)),
+    image(rgba(221, 199, 161, 0.12));
+  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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #1d2021;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #d4be98;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #d4be98;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 100px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 100px 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 {
+  margin: 0;
+  background-color: #1d2021;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd decoration {
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #1d2021;
+  background-clip: border-box;
+  padding: 2.5px;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-color: #141617;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #1d2021;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop:active {
+  background-color: #d8a657;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:active {
+  background-color: shade(#d8a657, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop:active {
+  background-color: #a9b665;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:active {
+  background-color: shade(#a9b665, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop:active {
+  background-color: #ea6962;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:active {
+  background-color: shade(#ea6962, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(
+    .destructive-action
+  ).close:backdrop {
+  background-color: #473c29;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#d4be98, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#d4be98, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #1d2021;
+  color: #d4be98;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #282828;
+  color: #d4be98;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #89b482;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #282828;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(221, 199, 161, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #ddc7a1;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(
+    .destructive-action
+  )
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(
+    ltr
+  ):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(
+    rtl
+  ):disabled {
+  color: #89b482;
+  background-color: #282828;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #89b482;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #d4be98;
+  color: #d4be98;
+}
+
+.disk-space-display.free {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+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(221, 199, 161, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #282828;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #282828;
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 8px;
+  padding: 6px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3c3836;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider .linked > button,
+.gedit-search-slider .linked > button:first-child,
+.gedit-search-slider .linked > button:last-child {
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+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 *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > list,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > list,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+  > deck
+  > deck
+  > deck
+  list
+  row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #89b482;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#ddc7a1,
+.tweak-#ddc7a1,
+.tweak-#ddc7a1:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup {
+  background-image: image(#1d2021);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  background-color: #1d2021;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #1d2021;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list {
+  background-color: transparent;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #1d2021;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #1d2021;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#1d2021);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: #1d2021;
+}
+
+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.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #282828;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #d4be98 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #d4be98;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #ddc7a1;
+}
+
+dockoverlayedge {
+  background-color: #1d2021;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+pillbox {
+  background-color: #1d2021;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: #1d2021;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #1d2021;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(212, 190, 152, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #d4be98;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #d4be98;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #ddc7a1;
+}
+
+button.photos-filter-preview:checked image {
+  color: #ddc7a1;
+}
+
+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(221, 199, 161, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#282828);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#d4be98);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #1d2021;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > frame
+  > scrolledwindow
+  > viewport.frame
+  list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame {
+  border-width: 0;
+}
+
+window.background
+  > box.vertical
+  > box.horizontal
+  > stack
+  > widget
+  > notebook.frame
+  > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow
+  > treeview.view:not(:selected):not(:hover):not(.progressbar):not(
+    .expander
+  ):not(.trough):not(.separator) {
+  background-color: #1d2021;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#282828);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  scrolledwindow.geary-conversation-scroller
+  viewport.frame
+  list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #1d2021;
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-bottom-width: 0;
+  background-color: #1d2021;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > scrolledwindow
+  > viewport
+  frame
+  > border,
+window.background.csd
+  > stack
+  > box
+  > stack
+  > box
+  > scrolledwindow
+  > viewport
+  > frame
+  > border,
+window.background.csd
+  > stack
+  > grid
+  > scrolledwindow
+  > viewport
+  > box
+  > frame
+  > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: none;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #1d2021;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(40, 40, 40, 1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#3c3836);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #1d2021;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #282828;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: none;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #473c29;
+}
+
+window.background.chromium > button {
+  color: #d4be98;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #d4be98;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #d4be98;
+  /* color: rgba(0, 0, 0, 0.87); */
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #473c29;
+  background-color: #1d2021;
+}
+
+window.background.chromium menu {
+  border-color: #504945;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #141617;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #473c29;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #3f4142;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #473c29;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(221, 199, 161, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #1d2021;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #d4be98;
+  box-shadow: inset 0 0 0 1px #d4be98;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #282828;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #504945;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(80, 73, 69, 0.8);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ddc7a1;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #473c29;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #473c29;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #1d2021;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #473c29;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #1d2021;
+}
+
+/*********
+ * 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: #d4be98;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #d4be98;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(221, 199, 161, 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(221, 199, 161, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(221, 199, 161, 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: #d4be98;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+.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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+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.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3c3836;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #d4be98;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #ddc7a1;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #1d2021;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  background-image: none;
+  color: #ddc7a1;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #1d2021;
+  color: #ddc7a1;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+#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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.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(221, 199, 161, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #d4be98;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #d4be98;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3c3836;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 0;
+}
+
+.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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(221, 199, 161, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #ddc7a1;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(221, 199, 161, 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(221, 199, 161, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(221, 199, 161, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(221, 199, 161, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #ddc7a1;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(221, 199, 161, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #282828;
+}
+
+.budgie-panel button {
+  color: rgba(221, 199, 161, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #ddc7a1;
+}
+
+.budgie-panel button:active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #ea6962;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #ddc7a1;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #ddc7a1;
+}
+
+.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(221, 199, 161, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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 {
+  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;
+}
+
+.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: #3c3836;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #ddc7a1;
+}
+
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:selected
+  label,
+.raven
+  .audio-widget
+  list.devices-list.sound-devices
+  > row.activatable:checked
+  label {
+  color: #ddc7a1;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #282828;
+  color: #ddc7a1;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea6962;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #ddc7a1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #1d2021;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(29, 32, 33, 0.95);
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #d4be98;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+#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(221, 199, 161, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #ddc7a1;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #d4be98;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window {
+  background-color: #1d2021;
+}
+
+.nemo-window .primary-toolbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(221, 199, 161, 0.7);
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:hover,
+.nemo-window .primary-toolbar .path-bar > button.text-button:active,
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  color: #ddc7a1;
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar > button.text-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #d4be98 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.nemo-window .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #504945;
+  -nemoplacestreeview-disk-full-fg-color: #d4be98;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #282828;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.nemo-window paned > .sidebar {
+  padding: 0;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:hover,
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view.expander:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window paned > .sidebar .places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: rgba(212, 190, 152, 0.961);
+  -nemoplacestreeview-disk-full-fg-color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame {
+  border: none;
+  border-radius: 0 12px 12px 0;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view {
+  -gtk-icon-style: symbolic;
+}
+
+.nemo-window
+  paned
+  > .sidebar
+  > scrolledwindow.frame
+  treeview.view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window paned > .sidebar > scrolledwindow.frame scrollbar {
+  border: none;
+  background-color: transparent;
+}
+
+.nemo-window paned > separator {
+  background-color: transparent;
+  background-image: none;
+}
+
+.nemo-window .toolbar {
+  color: #ddc7a1;
+}
+
+.nemo-window > grid > separator {
+  background-color: transparent;
+}
diff --git a/themes/Gruvbox-Dark-BL/gtk-3.0/thumbnail.png b/themes/Gruvbox-Dark-BL/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-3.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/check-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..ad58085
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..b12be3e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/dot-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/line-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..9da9f06
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/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/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/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/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 0000000..4b00bc1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..a2ba981
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..1e1a895
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/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="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/[email protected]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="[email protected]"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..1d96d6c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4f69937
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/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/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..597a4e6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..63a252b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..c8b17ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..fe61efb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..e5099ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..1495439
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..320fe9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4449641
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..7966479
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a66b5a3
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..f398287
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..cfbc21d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..2e09671
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..41651c1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..640a667
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a276f65
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..e061e9b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..e9319b9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..483f8e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..78d1889
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..a34601c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..f5779e0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..c594c1e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..3ac4e8e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bd90f1d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8bd2511
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..c73d4f7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..68e783c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..3ff2e29
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8444d31
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..d5a5fe1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..a8ef20f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..95d4a8a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..57cd4ae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..8734299
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..4157a48
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..adc12ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..40ff92e
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected] b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
new file mode 100644
index 0000000..8e87ea7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/assets/[email protected]
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/gtk-dark.css b/themes/Gruvbox-Dark-BL/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..b531c6f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7092 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #16161e;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+leaflet > box:last-child > headerbar {
+  border-top-right-radius: 0;
+}
+
+leaflet > box:not(:last-child) > headerbar,
+leaflet > box > stack > widget > box > widget > headerbar {
+  border-top-left-radius: 0;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  border-radius: 12px;
+  color: #d4be98;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-clip: border-box;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #d4be98;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #a9b665;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #a9b665;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ece6a;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #a9b665;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  outline: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 2px transparent, 0 3px 4px transparent,
+    0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#d8a657, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#a9b665, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ea6962, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #d8a657;
+}
+
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #a9b665;
+}
+
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #ea6962;
+}
+
+windowcontrols
+  button.minimize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: #473c29;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #7daea3;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #a9b665;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+  padding: 0;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #a9b665;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 1px 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #a9b665;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #a9b665;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #a9b665;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/gtk.css b/themes/Gruvbox-Dark-BL/gtk-4.0/gtk.css
new file mode 100644
index 0000000..bbc7824
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/gtk.css
@@ -0,0 +1,7091 @@
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #ddc7a1;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #ddc7a1;
+/* widget base background color */
+@define-color theme_bg_color #1d2021;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1d2021;
+/* base background color of selections */
+@define-color theme_selected_bg_color #d4be98;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1d2021;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(221, 199, 161, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #282828;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #ddc7a1;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ddc7a1;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1d2021;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1d2021;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #d4be98;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(221, 199, 161, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(221, 199, 161, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(221, 199, 161, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #ddc7a1;
+@define-color wm_unfocused_title rgba(221, 199, 161, 0.7);
+@define-color wm_highlight rgba(221, 199, 161, 0.1);
+@define-color wm_bg #1d2021;
+@define-color wm_unfocused_bg #1d2021;
+@define-color wm_button_close_icon #1d2021;
+@define-color wm_button_close_hover_bg #d4be98;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1d2021;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active #ddc7a1;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+/* GTK NAMED COLORS (Libadwaita)
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #d4be98;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #d4be98;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1d2021;
+@define-color window_fg_color #ddc7a1;
+@define-color view_bg_color #1d2021;
+@define-color view_fg_color #ddc7a1;
+@define-color headerbar_bg_color #1d2021;
+@define-color headerbar_fg_color #ddc7a1;
+@define-color headerbar_border_color rgba(221, 199, 161, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1d2021;
+@define-color card_fg_color #ddc7a1;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1d2021;
+@define-color dialog_fg_color #ddc7a1;
+@define-color popover_bg_color #1d2021;
+@define-color popover_fg_color #ddc7a1;
+@define-color thumbnail_bg_color #1d2021;
+@define-color thumbnail_fg_color #ddc7a1;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+dnd {
+  color: #ddc7a1;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #ddc7a1;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+textview text {
+  background-color: #1d2021;
+}
+
+textview border {
+  background-color: #282828;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #d4be98;
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #ddc7a1;
+  background-color: #1d2021;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+label:disabled {
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+}
+
+label.search-information {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(221, 199, 161, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(221, 199, 161, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #ddc7a1;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #ddc7a1;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    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;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 9px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #ddc7a1;
+}
+
+entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(221, 199, 161, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #ea6962;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d8a657;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #d4be98;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1d2021;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 0%,
+      rgba(212, 190, 152, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #d4be98 95%,
+      rgba(212, 190, 152, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(
+    .flat
+  ),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 9px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+button.osd:hover {
+  background-color: #473c29;
+  color: #ddc7a1;
+}
+
+button.osd:active {
+  background-color: #16161e;
+  color: #ddc7a1;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(212, 190, 152, 0.2),
+    0 4px 3px 0 rgba(212, 190, 152, 0.14), 0 1px 6px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(212, 190, 152, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(212, 190, 152, 0.3),
+    0 2px 3px -1px rgba(212, 190, 152, 0.24),
+    0 2px 5px 0 rgba(212, 190, 152, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(212, 190, 152, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #d4be98;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(212, 190, 152, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(234, 105, 98, 0.2),
+    0 4px 3px 0 rgba(234, 105, 98, 0.14), 0 1px 6px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(234, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(234, 105, 98, 0.3),
+    0 2px 3px -1px rgba(234, 105, 98, 0.24),
+    0 2px 5px 0 rgba(234, 105, 98, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 105, 98, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea6962;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 105, 98, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #d4be98;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #e78a4e;
+  box-shadow: inset 0 0 0 1px #e78a4e;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header > tabs > tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+menubutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+menubutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  min-width: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #d4be98;
+  color: #ddc7a1;
+}
+
+splitbutton.destructive-action {
+  background-color: #ea6962;
+  color: #ddc7a1;
+}
+
+splitbutton.opaque {
+  background-color: #504945;
+  color: #ddc7a1;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(221, 199, 161, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #ddc7a1;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #7daea3;
+}
+
+link:visited {
+  color: #d3869b;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #7daea3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #d3869b;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(221, 199, 161, 0.04);
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1d2021;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+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,
+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),
+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),
+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,
+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,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+  border-radius: 9px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #ddc7a1;
+  box-shadow: none;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(
+    .destructive-action
+  ) {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: #ddc7a1;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #ddc7a1;
+}
+
+headerbar entry image:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 2px 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+  color: #ddc7a1;
+  box-shadow: none;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #ddc7a1;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0);
+  background-color: #d4be98;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  border-radius: 12px 12px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+leaflet > box:last-child > headerbar {
+  border-top-right-radius: 0;
+}
+
+leaflet > box:not(:last-child) > headerbar,
+leaflet > box > stack > widget > box > widget > headerbar {
+  border-top-left-radius: 0;
+}
+
+window.devel headerbar.titlebar {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(212, 190, 152, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1d2021
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1d2021);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(221, 199, 161, 0.04);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #473c29;
+  border-top-color: #473c29;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(221, 199, 161, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #ddc7a1;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #d4be98;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(221, 199, 161, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1d2021;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1d2021;
+  background-clip: border-box;
+  color: #d4be98;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #d4be98;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #ddc7a1;
+}
+
+menubar:backdrop {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #ddc7a1;
+}
+
+menubar > item:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 9px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #141617;
+  border-radius: 12px;
+  color: #d4be98;
+  border: 1px solid rgba(221, 199, 161, 0.2);
+  background-clip: border-box;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #d4be98;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #282828;
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator {
+  color: #a9b665;
+}
+
+popover.background modelbutton:hover accelerator:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+popover.background modelbutton accelerator {
+  color: rgba(221, 199, 161, 0.5);
+  margin-left: 30px;
+}
+
+popover.background modelbutton accelerator:disabled {
+  color: rgba(221, 199, 161, 0.12);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 3px 35px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(221, 199, 161, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(221, 199, 161, 0.7);
+  font-weight: 500;
+  border-radius: 9px;
+  background-color: rgba(221, 199, 161, 0.03);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header > tabs > tab:hover {
+  background-color: rgba(221, 199, 161, 0.06);
+  color: #a9b665;
+  box-shadow: none;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header > tabs > tab:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header > tabs > tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header > tabs > tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #282828;
+  color: #a9b665;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header > tabs > tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header > tabs > tab:selected:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1d2021;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(221, 199, 161, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header > tabs {
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+notebook > header > tabs > tab > label {
+  padding: 0 6px;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 0px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1d2021;
+  color: #ddc7a1;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#d4be98, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#e78a4e, 0.4);
+  background-color: alpha(#e78a4e, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #d4be98;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#d4be98, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1d2021;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(221, 199, 161, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(221, 199, 161, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #ddc7a1;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(29, 32, 33, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(221, 199, 161, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #d4be98;
+  border-color: #d4be98;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(221, 199, 161, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1d2021;
+  color: #1d2021;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+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: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(221, 199, 161, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #ddc7a1;
+  box-shadow: 0 0 0 10px rgba(221, 199, 161, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(221, 199, 161, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #d4be98;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(221, 199, 161, 0.3);
+  color: #1d2021;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/[email protected]'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #ddc7a1;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(221, 199, 161, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #d4be98;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #282828 49.99%, #ddc7a1 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #ddc7a1;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #ddc7a1;
+  background-image: image(#282828);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#d4be98);
+}
+
+scale highlight:disabled {
+  background-color: #1d2021;
+  background-image: image(rgba(221, 199, 161, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #d4be98;
+  background-color: #1d2021;
+  box-shadow: inset 0 0 0 2px #d4be98;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #d4be98, 0 0 0 8px rgba(221, 199, 161, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(221, 199, 161, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(221, 199, 161, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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/[email protected]')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/[email protected]')
+  );
+}
+
+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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(221, 199, 161, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #d4be98;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #d4be98;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #d8a657;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #d4be98;
+}
+
+levelbar block.full {
+  background-color: #9ece6a;
+}
+
+levelbar block.empty {
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #ddc7a1;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: #ddc7a1;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(212, 190, 152, 0.24) 99%,
+    rgba(212, 190, 152, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #ddc7a1;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 6px 12px;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(221, 199, 161, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #ddc7a1;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #d4be98;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #d4be98;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(221, 199, 161, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #ddc7a1;
+}
+
+expander:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  border-radius: 6px;
+  color: #ddc7a1;
+}
+
+calendar:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #ddc7a1;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3c3836;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+  color: #ddc7a1;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3c3836;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 0;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 1px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #d4be98;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #ea6962;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background-color: #1d2021;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(221, 199, 161, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(221, 199, 161, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 0 4px;
+  border-right: none;
+}
+
+.navigation-sidebar,
+.navigation-sidebar.view {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar > row {
+  min-height: 24px;
+  padding: 2px 4px;
+  margin: 2px 4px;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+  background-color: #282828;
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #a9b665;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3c3836;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(221, 199, 161, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 6px 9px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #d4be98;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #d4be98;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#473c29);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1d2021;
+  background-image: image(#473c29), image(#473c29);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #d4be98;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #ddc7a1;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #282828;
+  color: #d4be98;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #d8a657;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #d8a657;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #ea6962;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #ea6962;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(20, 22, 23, 0.9);
+  color: #ddc7a1;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #ddc7a1;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #ddc7a1;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3c3836;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: #3c3836;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1d2021;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+window.csd {
+  border-radius: 12px;
+  transition: none;
+  margin: 0;
+  padding: 0;
+  outline: 1px solid rgba(221, 199, 161, 0.2);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 10px 18px rgba(0, 0, 0, 0.14),
+    0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 2px transparent, 0 3px 4px transparent,
+    0 1px 6px transparent;
+}
+
+window.csd:backdrop {
+  transition: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14),
+    0 1px 6px rgba(0, 0, 0, 0.12), 0 3px 8px transparent,
+    0 10px 18px transparent, 0 8px 24px transparent;
+}
+
+window.csd.maximized,
+window.csd.fullscreen,
+window.csd.tiled,
+window.csd.tiled-top,
+window.csd.tiled-right,
+window.csd.tiled-bottom,
+window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized,
+window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1d2021;
+  border: 1px solid #473c29;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1d2021;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#d8a657, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#a9b665, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ea6962, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #d8a657;
+}
+
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(
+    .destructive-action
+  ),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #a9b665;
+}
+
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+  background-color: #ea6962;
+}
+
+windowcontrols
+  button.minimize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: #473c29;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #d4be98;
+  background-color: rgba(212, 190, 152, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected {
+  color: #7daea3;
+  background-color: #3c3836;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #d4be98;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(221, 199, 161, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(221, 199, 161, 0.12);
+  background-color: #3c3836;
+  color: #ddc7a1;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #d4be98;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(
+    :active
+  ):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #d4be98;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #ddc7a1;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1d2021;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1d2021;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(221, 199, 161, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(221, 199, 161, 0.1);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(221, 199, 161, 0.12);
+  color: #ddc7a1;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #282828;
+  font-weight: 700;
+  border-left: 3px solid #ea6962;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #a9b665;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(221, 199, 161, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #282828;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: rgba(20, 22, 23, 0.95);
+  color: #a9b665;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #282828;
+  border-radius: 9px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 1px 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #a9b665;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1d2021;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(221, 199, 161, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(221, 199, 161, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(221, 199, 161, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+menubutton.sources-button {
+  margin: 0;
+}
+
+menubutton.sources-button > button {
+  border-radius: 0;
+  margin: 0;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(221, 199, 161, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #ddc7a1;
+  background-color: rgba(221, 199, 161, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #7daea3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(234, 105, 98, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #ddc7a1;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #ddc7a1;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(221, 199, 161, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(221, 199, 161, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(221, 199, 161, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(221, 199, 161, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(221, 199, 161, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(221, 199, 161, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1d2021;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #d4be98;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #ddc7a1;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(221, 199, 161, 0.12);
+  background-clip: border-box;
+  background-color: #1d2021;
+  color: rgba(221, 199, 161, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(221, 199, 161, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(221, 199, 161, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #d4be98;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(221, 199, 161, 0.1);
+  background-color: rgba(29, 32, 33, 0.95);
+  color: #ddc7a1;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #282828;
+  color: #a9b665;
+  font-weight: 500;
+}
+
+viewswitcher.wide button.toggle:not(:checked),
+viewswitcher.wide button.toggle.flat:not(:checked) {
+  box-shadow: none;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: #a9b665;
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #d4be98;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 0 2px;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #d4be98;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #d4be98;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #ddc7a1;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #d4be98;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/themes/Gruvbox-Dark-BL/gtk-4.0/thumbnail.png b/themes/Gruvbox-Dark-BL/gtk-4.0/thumbnail.png
new file mode 100644
index 0000000..f4aeff7
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/gtk-4.0/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL/index.theme b/themes/Gruvbox-Dark-BL/index.theme
new file mode 100644
index 0000000..b53638a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Gruvbox-Dark
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Gruvbox-Dark
+MetacityTheme=Gruvbox-Dark
+IconTheme=Gruvbox-Dark
+CursorTheme=Gruvbox-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/button.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/close.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/maximize.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/menu.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/minimize.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/shade.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/unmaximize.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..9106037
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/assets/unshade.svg b/themes/Gruvbox-Dark-BL/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-1.xml b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-1.xml
new file mode 120000
index 0000000..e01e161
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-2.xml b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..7f41b4f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,736 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="#2d2d2d" />
+  <constant name="C_titlebar_unfocused" value="#242424" />
+  <constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1" />
+  <constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1" />
+  <constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87" />
+  <constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="13" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <aspect_ratio name="button" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false"
+    parent="normal">
+    <distance name="left_width" value="2" />
+    <distance name="right_width" value="2" />
+    <distance name="bottom_height" value="2" />
+    <distance name="title_vertical_pad" value="2" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false"
+    rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4"
+    rounded_bottom_right="4" parent="normal">
+    <distance name="title_vertical_pad" value="4" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <include name="close_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <include name="close_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="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/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-3.xml b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..094a83f
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,793 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Gruvbox Dark</name>
+    <author>vinceliucie | mod: f.korpsvart</author>
+    <copyright>GPL</copyright>
+    <date>2023</date>
+    <description>Gruvbox Dark Metacity theme</description>
+  </info>
+
+  <!-- meaningful constants -->
+
+  <constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])" />
+  <constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])" />
+  <constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+  <constant name="C_button_close_bg_hover"
+    value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+  <constant name="C_button_close_bg_active"
+    value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+  <!-- geometries -->
+
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="left_titlebar_edge" value="0" />
+    <distance name="right_titlebar_edge" value="0" />
+    <distance name="title_vertical_pad" value="18" />
+    <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="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <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="8"
+    rounded_bottom_right="8" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+  </frame_geometry>
+
+  <!-- drawing operations -->
+
+  <!-- title -->
+
+  <draw_ops name="title_focused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_focused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1"
+      x="(0 `max` ((width - title_width) / 2))"
+      y="(0 `max` ((height - title_height) / 2))"
+      color="C_title_unfocused" />
+    <title version=">= 3.1"
+      x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+      y="(0 `max` ((height - title_height) / 2))"
+      ellipsize_width="width"
+      color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- window decorations -->
+
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="highlight_focused">
+    <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="highlight_unfocused">
+    <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0" />
+    <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270"
+      extent_angle="90" />
+    <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0"
+      extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="entire_background_focused" />
+    <include name="highlight_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_unfocused">
+    <include name="entire_background_unfocused" />
+    <include name="highlight_unfocused" />
+  </draw_ops>
+
+  <!-- button icons -->
+
+  <!-- close -->
+
+  <draw_ops name="close_focused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="assets/button.svg" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height"
+      colorize="C_titlebar_focused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="assets/close.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active"
+      x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width"
+      height="object_height" />
+    <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_titlebar_unfocused" />
+  </draw_ops>
+
+  <!-- maximize -->
+
+  <draw_ops name="maximize_focused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <include name="maximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="assets/maximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <include name="maximize_unfocused" />
+  </draw_ops>
+
+  <!-- unmaximize -->
+
+  <draw_ops name="unmaximize_focused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <include name="unmaximize_focused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="assets/unmaximize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <include name="unmaximize_unfocused" />
+  </draw_ops>
+
+  <!-- minimize -->
+
+  <draw_ops name="minimize_focused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <include name="minimize_focused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="assets/minimize.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <include name="minimize_unfocused" />
+  </draw_ops>
+
+  <!-- menu -->
+
+  <draw_ops name="menu_focused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_prelight">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_focused_pressed">
+    <include name="menu_focused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused">
+    <image filename="assets/menu.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_prelight">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="menu_unfocused_pressed">
+    <include name="menu_unfocused" />
+  </draw_ops>
+
+  <!-- shade -->
+
+  <draw_ops name="shade_focused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <include name="shade_focused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="assets/shade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <include name="shade_unfocused" />
+  </draw_ops>
+
+  <!-- unshade -->
+
+  <draw_ops name="unshade_focused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <include name="unshade_focused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="assets/unshade.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <include name="unshade_unfocused" />
+  </draw_ops>
+
+  <!-- appmenu -->
+
+  <constant name="D_appmenu_icon_size" value="16" />
+
+  <draw_ops name="appmenu_focused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_prelight">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_focused_pressed">
+    <include name="appmenu_focused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused">
+    <icon
+      x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+      width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+      alpha="0.7" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_prelight">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="appmenu_unfocused_pressed">
+    <include name="appmenu_unfocused" />
+  </draw_ops>
+
+  <!-- button backgrounds -->
+
+  <draw_ops name="button_focused">
+</draw_ops>
+
+  <draw_ops name="button_focused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_focused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused">
+</draw_ops>
+
+  <draw_ops name="button_unfocused_prelight">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="button_unfocused_pressed">
+    <image filename="assets/button.svg" x="(width - object_width) / 2"
+      y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2"
+      colorize="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- frame styles -->
+
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused" />
+    <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_focused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused" />
+    <button version=">= 3.5" function="appmenu" state="prelight"
+      draw_ops="appmenu_unfocused_prelight" />
+    <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+
+    <button function="left_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+    <button function="right_middle_background" state="normal" draw_ops="button_unfocused" />
+    <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight" />
+    <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+    <piece position="titlebar" draw_ops="entire_background_focused" />
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+    <piece position="titlebar" draw_ops="entire_background_unfocused" />
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+  <frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+  <frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button version=">= 3.5" function="appmenu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- frame style sets -->
+
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless_focused" />
+    <frame focus="no" state="maximized" style="borderless_unfocused" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- windows -->
+
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/themes/Gruvbox-Dark-BL/metacity-1/thumbnail.png b/themes/Gruvbox-Dark-BL/metacity-1/thumbnail.png
new file mode 100644
index 0000000..8b5b3fb
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/metacity-1/thumbnail.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-active.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-active.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000..2d3c5dc
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-active.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-inactive.png
new file mode 100644
index 0000000..13714ce
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-left-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-active.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000..50e8984
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/bottom-right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/close-active.png b/themes/Gruvbox-Dark-BL/xfwm4/close-active.png
new file mode 100644
index 0000000..ccbe1ac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/close-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/close-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/close-inactive.png
new file mode 100644
index 0000000..133a0e1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/close-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/close-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/close-prelight.png
new file mode 100644
index 0000000..1421eac
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/close-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/close-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/close-pressed.png
new file mode 100644
index 0000000..d8e8dfa
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/close-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/hide-active.png b/themes/Gruvbox-Dark-BL/xfwm4/hide-active.png
new file mode 100644
index 0000000..4146f66
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/hide-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/hide-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/hide-inactive.png
new file mode 100644
index 0000000..de04b3a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/hide-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/hide-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/hide-prelight.png
new file mode 100644
index 0000000..8e48aa0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/hide-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/hide-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/hide-pressed.png
new file mode 100644
index 0000000..2a5e311
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/hide-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/left-active.png b/themes/Gruvbox-Dark-BL/xfwm4/left-active.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/left-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/left-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/left-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/left-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-active.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-active.png
new file mode 100644
index 0000000..8244a85
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-inactive.png
new file mode 100644
index 0000000..133a0e1
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000..b659972
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-pressed.png
new file mode 100644
index 0000000..e023366
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-active.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-active.png
new file mode 100644
index 0000000..c04fe1b
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-inacrive.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-inacrive.png
new file mode 100644
index 0000000..e223a9d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-inacrive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 0000000..a6de977
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000..6fc9239
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/maximize-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/menu-active.png b/themes/Gruvbox-Dark-BL/xfwm4/menu-active.png
new file mode 100644
index 0000000..08c4151
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/menu-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/menu-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/menu-inactive.png
new file mode 100644
index 0000000..ca4d851
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/menu-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/menu-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/menu-prelight.png
new file mode 100644
index 0000000..6932b46
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/menu-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/menu-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/menu-pressed.png
new file mode 100644
index 0000000..829352a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/menu-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/right-active.png b/themes/Gruvbox-Dark-BL/xfwm4/right-active.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/right-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/right-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/right-inactive.png
new file mode 100644
index 0000000..263337d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/right-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-active.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-active.png
new file mode 100644
index 0000000..baa2e69
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-inactive.png
new file mode 100644
index 0000000..79a082a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-prelight.png
new file mode 100644
index 0000000..25aae86
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-pressed.png
new file mode 100644
index 0000000..93144b0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-active.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-active.png
new file mode 100644
index 0000000..08c4151
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 0000000..ca4d851
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 0000000..6932b46
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 0000000..829352a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/shade-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-active.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-active.png
new file mode 100644
index 0000000..baa2e69
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-inactive.png
new file mode 100644
index 0000000..79a082a
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-prelight.png
new file mode 100644
index 0000000..25aae86
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-pressed.png
new file mode 100644
index 0000000..93144b0
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-active.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-active.png
new file mode 100644
index 0000000..2138b08
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 0000000..ac6ee92
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-prelight.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 0000000..cee6946
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-prelight.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-pressed.png b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 0000000..524ec0c
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/stick-toggled-pressed.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/themerc b/themes/Gruvbox-Dark-BL/xfwm4/themerc
new file mode 100644
index 0000000..126405d
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-1-active.png b/themes/Gruvbox-Dark-BL/xfwm4/title-1-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-1-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-1-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/title-1-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-1-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-2-active.png b/themes/Gruvbox-Dark-BL/xfwm4/title-2-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-2-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-2-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/title-2-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-2-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-3-active.png b/themes/Gruvbox-Dark-BL/xfwm4/title-3-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-3-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-3-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/title-3-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-3-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-4-active.png b/themes/Gruvbox-Dark-BL/xfwm4/title-4-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-4-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-4-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/title-4-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-4-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-5-active.png b/themes/Gruvbox-Dark-BL/xfwm4/title-5-active.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-5-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/title-5-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/title-5-inactive.png
new file mode 100644
index 0000000..e3d85bf
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/title-5-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/top-left-active.png b/themes/Gruvbox-Dark-BL/xfwm4/top-left-active.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/top-left-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/top-left-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/top-left-inactive.png
new file mode 100644
index 0000000..7ba6447
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/top-left-inactive.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/top-right-active.png b/themes/Gruvbox-Dark-BL/xfwm4/top-right-active.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/top-right-active.png
diff --git a/themes/Gruvbox-Dark-BL/xfwm4/top-right-inactive.png b/themes/Gruvbox-Dark-BL/xfwm4/top-right-inactive.png
new file mode 100644
index 0000000..92e98f9
--- /dev/null
+++ b/themes/Gruvbox-Dark-BL/xfwm4/top-right-inactive.png